跨度计数条件javascript

时间:2014-03-31 18:21:48

标签: javascript jquery node.js

我正在使用跳跃动作在node.js中工作,并且我想要一个计数器在每次用户(numberOfFingers == 5)时在span中计数+1。这就是条件,我该怎么办对这个?我知道我需要编写一个函数和一个if语句,.count是span的类。任何人都朝着正确的方向前进?我已经看过很多使用setInterval和setTimeout的计数器,但这不是我追求的!

var canvas = document.getElementById('canvas');

canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;

var c =  canvas.getContext('2d');

var width = canvas.width;
var height = canvas.height;

//Set up the controller
var controller = new Leap.Controller();
controller.on( 'frame' , function(frame){
  c.clearRect(0, 0, width, height);
  var numberOfFingers = frame.fingers.length;
  c.font = "200px Arial";
  c.textAlign = 'center';
  c.textBaseline = 'middle';
  c.fillText( numberOfFingers , width/2 , height/2 );


});


controller.connect();

玉:

span#count 0

1 个答案:

答案 0 :(得分:0)

你的问题有点模糊。但是我觉得这样的东西就是你要找的东西?

if (numberOfFingers == 5) {
    var start = parseInt(document.getElementById('span-id').innerHTML);
    start++;
    doucment.getElementById('span-id').innerHTML = start;
}

每次手指数为5.它会找到跨度的HTML,将其转换为int,将其递增1,最后将结果附加到跨度。

修改

如果你想在每5个计数上做一些事情,那么你可以使用模数%

var some_counter = 0;    
someFuncThatIncrementsSomeCounter();
if (some_counter % 5 == 0) {
    // do something
};

如果您只想在手指为5时递增,那么您可以使用我的原始示例:

if (numberOfFingers == 5) { counter++; };