如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

公式1

我想知道如何在JavaScript中使用setInterval和clearInterval在十秒钟后停止计时器?这是我的代码示例,请您告诉我我要去哪里了:

<!DOCTYPE html>
<html>
<head>
<script>

var tt=setInterval(function(){startTime()},1000);


function startTime()
{
  var today = new Date();
  var h=today.getHours();
  var m=today.getMinutes();
  var s=today.getSeconds();
  // add a zero in front of numbers<10
  m=checkTime(m);
  s=checkTime(s);
  today=checkTime(today);
  document.getElementById('txt').innerHTML=s;

}

function checkTime(tt)
{
if (tt==10)
  {
    tt="0" + tt;
    console.log(tt);
    clearInterval(tt);
  }
return tt;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
整rick12

由于startTime()将每秒运行一次,因此请使计数器增加到其内部的10,然后清除间隔。

var tt=setInterval(function(){startTime()},1000);
var counter = 1;

function startTime()
{
  if(counter == 10) {
    clearInterval(tt);
  } else {
    counter++;
  }

  document.getElementById('txt').innerHTML= counter;  
}

JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

来自分类Dev

Javascript:停止使用 clearInterval 时的 setInterval 计时器无法再次重新启动

来自分类Dev

如何在10秒后停止此计时器?

来自分类Dev

如何在android中十秒后禁用按钮?

来自分类Dev

如何停止和重置 setInterval 计时器

来自分类Dev

如何从JavaScript中的计时器中减去10秒?

来自分类Dev

使用秒表的计时器setInterval / clearInterval将计时器重置为0

来自分类Dev

如何在javascript中停止计时器?

来自分类Dev

停止使用中的计时器

来自分类Dev

如何在JavaScript中暂停和恢复计时器?

来自分类Dev

如何使用NSTimer从10秒开始倒数,然后停止计时器?

来自分类Dev

如何使用 OnPressed FAB 按钮在 Flutter 中设置计时器倒计时 30 秒?

来自分类Dev

停止Javascript计时器

来自分类Dev

在Python中停止计时器后,计时器无法重新启动

来自分类Dev

在Python中停止计时器后,计时器无法重新启动

来自分类Dev

如何停止计时器?

来自分类Dev

如何使用JavaScript使我的倒数计时器在到达00:00后开始计时

来自分类Dev

为什么clearInterval()函数没有停止JavaScript计时器?

来自分类Dev

Javascript“clearInterval”方法在 window.onload 之外定义时无法停止计时器

来自分类Dev

EJB计时器:如何从客户端启动和停止EJB计时器?

来自分类Dev

简单的计时器和setinterval

来自分类Dev

javascript setInterval计时器问题

来自分类Dev

计时器在0.29后停止

来自分类Dev

计时器在0.29后停止

来自分类Dev

替换JS中的setInterval计时器

来自分类Dev

如何使计时器在单击 Javascript 时停止

来自分类Dev

如何在计时器中调用启动和停止功能

来自分类Dev

如何在计时器中调用启动和停止功能

来自分类Dev

使用setInterval()设置计时器

Related 相关文章

  1. 1

    如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

  2. 2

    Javascript:停止使用 clearInterval 时的 setInterval 计时器无法再次重新启动

  3. 3

    如何在10秒后停止此计时器?

  4. 4

    如何在android中十秒后禁用按钮?

  5. 5

    如何停止和重置 setInterval 计时器

  6. 6

    如何从JavaScript中的计时器中减去10秒?

  7. 7

    使用秒表的计时器setInterval / clearInterval将计时器重置为0

  8. 8

    如何在javascript中停止计时器?

  9. 9

    停止使用中的计时器

  10. 10

    如何在JavaScript中暂停和恢复计时器?

  11. 11

    如何使用NSTimer从10秒开始倒数,然后停止计时器?

  12. 12

    如何使用 OnPressed FAB 按钮在 Flutter 中设置计时器倒计时 30 秒?

  13. 13

    停止Javascript计时器

  14. 14

    在Python中停止计时器后,计时器无法重新启动

  15. 15

    在Python中停止计时器后,计时器无法重新启动

  16. 16

    如何停止计时器?

  17. 17

    如何使用JavaScript使我的倒数计时器在到达00:00后开始计时

  18. 18

    为什么clearInterval()函数没有停止JavaScript计时器?

  19. 19

    Javascript“clearInterval”方法在 window.onload 之外定义时无法停止计时器

  20. 20

    EJB计时器:如何从客户端启动和停止EJB计时器?

  21. 21

    简单的计时器和setinterval

  22. 22

    javascript setInterval计时器问题

  23. 23

    计时器在0.29后停止

  24. 24

    计时器在0.29后停止

  25. 25

    替换JS中的setInterval计时器

  26. 26

    如何使计时器在单击 Javascript 时停止

  27. 27

    如何在计时器中调用启动和停止功能

  28. 28

    如何在计时器中调用启动和停止功能

  29. 29

    使用setInterval()设置计时器

热门标签

归档