算上jQuery Timer

时间:2012-10-15 16:00:18

标签: jquery jquery-plugins stopwatch

我正在尝试使用这个jQuery count up script https://github.com/robcowie/jquery-stopwatch但是我想添加一个事件,如果计时器超过2分钟,#demo1 div的BG颜色将变为红色

我在jsfiddle

中添加了所有代码

http://jsfiddle.net/FeWrD/

2 个答案:

答案 0 :(得分:0)

$(document).ready(function() {
  $('#demo1').stopwatch().bind('tick.stopwatch', function(e, elapsed){
  if (elapsed >= 120000) {
     $("#demo1").css("background", "red");
  } }).stopwatch('start')
}) 

来自文档

答案 1 :(得分:0)

您需要将其绑定到 tick.stopwatch事件。

$(document).ready(function() {

    $('#demo1').stopwatch().bind('tick.stopwatch', function(e, elapsed) {
        if (elapsed <= 5000) {
            $("#demo1").css("background", "green");
        }
        else {
            $("#demo1").css("background", "orange");
        }
    }).stopwatch('start') ;
});

<强> Check FIDDLE