jQuery的节目的setTimeout计时器(jQuery show setTimeout tim

2019-07-30 16:06发布

站内文章 / 前沿技术

25 0

啃猪蹄的小仙女

女 | 书童

私信

我想要建立一个简单的倒计时应用。是否有可能显示在setTimeout的定时值，否则我将不得不使用一个for循环？

谢谢！

Answer 1:

用setTimeout ：

var n = 100;
setTimeout(countDown,1000);

function countDown(){
   n--;
   if(n > 0){
      setTimeout(countDown,1000);
   }
   console.log(n);
}

或使用setInterval ：

var n = 100;
var tm = setInterval(countDown,1000);

function countDown(){
   n--;
   if(n == 0){
      clearInterval(tm);
   }
   console.log(n);
}

Answer 2:

<script>
var timer = setInterval("mytimer()",1000);
seconds = 0;
function mytimer()
{
document.getElementById("div_timer").innerHTML = seconds; // this is the same as $("div_timer").html(timer) in       jquery.
seconds++;
} 

 </script>
    <body>
      <div id="div_timer"></div>
       </body>

文章来源: jQuery show setTimeout timer