Realtime javascript teller

<style type="text/css">
div.digit {
    border: 1px solid blue;
    height: 1em;
    width: 1em;
    overflow: hidden;
}
.digit pre {
    margin-top: 0px;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
            $('#reset').click(function() {digits(0)});
            $('#goto').click(function() {digits()});
        });

function digits() {
    var setval = $('#goto_val').val();
    if (!setval) setval = 0;
    if (arguments.length) {
        setval = arguments[0];
    }
    var pos = -15*setval;
    $('#d0 pre').animate({'margin-top': pos}, 1000);
}
</script>
<div id="d0" class="digit"><pre>0
1
2
3
4
5
6
7
8
9
0
</pre>
</div>
<button id="reset">Reset</button>
<button id="goto">Goto</button><input id="goto_val" size="2"/>

<?php

function checkBedragTotaal()
{
	$sql = "SELECT SUM(bedrag) AS bedragTotaal FROM table";
	$res = mysql_query($sql);
	while($row = mysql_fetch_array($res)) {
		return $row['bedragTotaal'];
	}
}

// 
$startValue = checkBedragTotaal();
$endValue = $startValue;
?>

<!-- Geef de counter weer -->
<div id="counter">
</div>

<script type="text/javascript">

// Controleer iedere 10 seconden of bedragTotaal is gewijzigd.

// Als het bedragTotaalOud != bedragTotaal -> counter starten en optellen naar bedragTotaal.

// Als bedragTotaal is bereikt, counter stoppen.

// Weer opnieuw beginnen met om de 10 seconden te controleren of bedragTotaal is gewijzigd.

</script>

<div id="counter"></div>
<script type="text/javascript">
window.setInterval(pollServer, 10000);

function pollServer() {
$.get('bedrag_server.php', function(data) {
  $('#counter').html(data);
});
}
</script>

<?php
function checkBedragTotaal()
{
    $sql = "SELECT SUM(bedrag) AS bedragTotaal FROM table";
    $res = mysql_query($sql);
    if ($res && $row = mysql_fetch_assoc($res)) {
        return $row['bedragTotaal'];
    }
    return '';
}

echo checkBedragTotaal();

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    window.setInterval(dinges, 1000);
    var teller = 0;
    function dinges() {
        $('#res').html(teller++);
    }
</script>
<div id="res"></div>

Bas Cost Budde op 19/12/2010 18:20:48

Kijk of dit bij jou telt. Zo nee, dan is er iets raars :) en zo ja, zoek de verschillen met jouw code.

	<script language="javascript" type="text/javascript">
	<!--
	
	// http://www.dailycoding.com/Posts/object_oriented_programming_with_javascript__timer_class.aspx
	
	// Declaring class "Timer"
	var Timer = function()
	{		
		// Property: Frequency of elapse event of the timer in millisecond
		this.Interval = 1000;
		
		// Property: Whether the timer is enable or not
		this.Enable = new Boolean(false);
		
		// Event: Timer tick
		this.Tick;
		
		// Member variable: Hold interval id of the timer
		var timerId = 0;
		
		// Member variable: Hold instance of this class
		var thisObject;
		
		// Function: Start the timer
		this.Start = function()
		{
			this.Enable = new Boolean(true);
	
			thisObject = this;
			if (thisObject.Enable)
			{
				thisObject.timerId = setInterval(
				function()
				{
					thisObject.Tick(); 
				}, thisObject.Interval);
			}
		};
		
		// Function: Stops the timer
		this.Stop = function()
		{			
			thisObject.Enable = new Boolean(false);
			clearInterval(thisObject.timerId);
		};
	
	};

	var startValue = 30; // This is the value the counter will start with
	var endValue = 200; // This is the value at which the counter will end counting
	var obj = new Timer();
	obj.Interval = 30;
	obj.Tick = timer_tick;
	obj.Start();
	
	function timer_tick()
	{
		startValue  = startValue + 1;
		document.getElementById("div1").innerHTML = startValue;
		
		if (startValue == endValue)
		{
			obj.Stop();
		}
	}
	
	//-->
	</script>