jQueryでの足し算引き算-カウントアップダウン付き

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript">
   $(function(){
   	function sumNumbers() {
   		var fields = $(':input').serializeArray();
   		$('#results').empty();
   		var sum = 0;
   		$.each(fields, function(i, field){
   			sum += parseInt(field.value);
   		});
   		return sum;
    }
    function countUpDown() {
    	var n = parseInt($('#results').text());
    	var sum = sumNumbers ();
    	if(n < sum){
    		n += 10;
    		$('#results').text(n);
    		setTimeout(countUpDown, 10);
    	} else if(n > sum) {
        	n -= 10;
        	$('#results').text(n);
        	setTimeout(countUpDown, 10);
        } else {
        	$('#results').css('color','#ff0000');
        	$('#results').text(sum);
        }
    }
 
    $(":checkbox, :radio").click(countUpDown);
    $("select").change(countUpDown);
    countUpDown();
 
  });
</script>

<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script> <script type="text/javascript"> $(function(){ function sumNumbers() { var fields = $(':input').serializeArray(); $('#results').empty(); var sum = 0; $.each(fields, function(i, field){ sum += parseInt(field.value); }); return sum; } function countUpDown() { var n = parseInt($('#results').text()); var sum = sumNumbers (); if(n < sum){ n += 10; $('#results').text(n); setTimeout(countUpDown, 10); } else if(n > sum) { n -= 10; $('#results').text(n); setTimeout(countUpDown, 10); } else { $('#results').css('color','#ff0000'); $('#results').text(sum); } } $(":checkbox, :radio").click(countUpDown); $("select").change(countUpDown); countUpDown(); }); </script>