调试 JavaScript 时序事件

Question

我遇到了这个 JavaScript 脚本的问题。 我已经尝试了很多方法来让它工作。 目前那里的警报是出于调试目的，似乎没有发生。

请帮忙？

function checkTime(this_time){
var the_string = "checkTime("+this_time+")";
var now = ((new Date()).getTime());
if(parseInt(now) >= parseInt(this_time)){
    document.write("TIMEUP!");
}
alert(now);
alert(this_time);
var t = setTimeout(the_string,300);
}

var the_time = (((new Date()).getTime())+19000);
var the_string = "checkTime("+the_time+")";
var t = setTimeout(the_string,300);

谢谢，

将要。

Answer 1

您应该将setTimeout与闭包一起使用，而不是字符串。

var now = new Date().getTime();
setTimeout(function(){
  //your Javascript code here
  //"now" can be used here as a closure
}, 300);

Answer 2

这是一个更安全且独立的版本。 加载后的 document.write 将完全清除页面

http://jsfiddle.net/mplungjan/Zt5k7/

window.onload=function() {
  var timer = function (endTime) {
    var end = new Date(endTime);
    var tId;
    this.checkTime=function(){
      var now = new Date();
      document.getElementById("msg").innerHTML=now.toLocaleString();
      if (now.getTime()>=end.getTime()) {
        document.getElementById("msg").innerHTML="TIME's UP!";
        clearInterval(tId);
      }
    }
    tId = setInterval(this.checkTime,300);
  }(new Date().getTime()+5000);
}

或进行适当的倒计时http://jsfiddle.net/mplungjan/Zt5k7/1/

window.onload=function() {
  var timer = function (endTime) {
    var end = new Date(endTime);
    var tId;
    this.checkTime=function(){
      var now = new Date();
      document.getElementById("msg").innerHTML=now.toLocaleString();
      var diff = end.getTime()-now.getTime()
      if (diff >= 1) document.getElementById("msg").innerHTML=parseInt(diff/1000)+1;
      else {
        document.getElementById("msg").innerHTML="TIME's UP!";
        clearInterval(tId);
      }
    }
    tId = setInterval(this.checkTime,300);
  }(new Date().getTime()+9000);
}

Answer 3

好像在找倒计时？
看到这个小提琴。 代码简化为：

var bench  = 19000 + new Date().getTime(),
    timer  = setInterval(
               function(){ 
                 checkTime(bench); 
               }
               , 1000
             );

function checkTime(this_time){
    var check = new Date - this_time;
    if(check>=0){
        alert('time\'s up!');
        clearInterval(timer);
    }
}

Answer 4

我想代码可以更简单地工作。

function checkTime(this_time){
    var now = ((new Date()).getTime());
    if((now - this_time) >= 0){
        document.write("TIMEUP!");
        window.clearInterval(timer);
    }
}

var t_t = (((new Date()).getTime())+19000);

var timer = window.setInterval(function(){ 
    checkTime(t_t); }
, 300);

干杯!