测试用JavaScript计时器_Javascript_Html_Dom

测试用JavaScript计时器

javascript html dom

测试用JavaScript计时器,javascript,html,dom,Javascript,Html,Dom,我正在用HTML和JavaScript为一个项目制作一个问答游戏。对于每个问题，玩家有15秒的时间回答。我是这样做的： <body onload="setTimeout(Timer,15000)"> 但是，我希望能够在标记中显示播放器还剩多少时间。我该怎么做呢？这里有一个倒计时计时器的基本示例 var count = 15; var timer = setInterval(function() { console.log(count); count--; if(coun

我正在用HTML和JavaScript为一个项目制作一个问答游戏。对于每个问题，玩家有15秒的时间回答。我是这样做的：

<body onload="setTimeout(Timer,15000)">

但是，我希望能够在

标记中显示播放器还剩多少时间。我该怎么做呢？

这里有一个倒计时计时器的基本示例

var count = 15;
var timer = setInterval(function() {
  console.log(count);
  count--;
  if(count === 0) {
    stopInterval()
  }
}, 1000);

var stopInterval = function() {
  console.log('time is up!');
  clearInterval(timer);
}

回复：

开始

以秒为单位初始化变量“sec”。 Call setInterval（）有两个参数，第一个是方法名，第二个参数是调用第一个参数中提到的方法之间的间隔

var-sec=15；
变量时间=设置间隔（myTimer，1000）；
函数myTimer（）{
document.getElementById（'timer'）.innerHTML=sec+“sec left”；
第二节；
如果（秒==-1）{
清除间隔（时间）；
警报（“超时！！：（”）；
}
}

Time:

搜索setIntervals搜索“倒计时”；关于它们有很多很多问题。可能重复

var count = 15;
var timer = setInterval(function() {
  console.log(count);
  count--;
  if(count === 0) {
    stopInterval()
  }
}, 1000);

var stopInterval = function() {
  console.log('time is up!');
  clearInterval(timer);
}

var count = 15;
var interval = setInterval(function(){
  document.getElementById('count').innerHTML=count;
  count--;
  if (count === 0){
    clearInterval(interval);
    document.getElementById('count').innerHTML='Done';
    // or...
    alert("You're out of time!");
  }
}, 1000);