另一种形式

循环执行一个函数 这个需要清除定时器

<input type="text" id="displayBox" name="displayBox" value="0">
<script>
x = 0
function countSecond() 
    if(x<20) {
        x = x+1
        document.getElementById("displayBox").value=x 
        setTimeout("countSecond()", 1000)
// 执行函数
countSecond()
</script>
form name="display1">   
    <input type="text" id="box1" name="box1" value="0" size="4" />   
    <input type="button" value="停止计时" onclick="clearTimeout(meter1)" />   
    <input type="button" value="继续计时" onclick="count1() " />   
</form>   
<p></p>  
<form name="display2">   
    <input type="text" id="box2" name="box2" value="0" size="4" />   
    <input type="button" value="停止计时" onclick="clearTimeout(meter2) " />   
    <input type="button" value="继续计时" onclick="count2( ) " />   
</form>   
<script>  
x = 0  
y = 0  
function count1( )  
    x = x+ 1  
    document.getElementById("box1").value= x  
    meter1=setTimeout("count1()", 1000)  
function count2( )
    y = y+ 1  
    document.getElementById("box2").value= y  
    meter2=setTimeout("count2()", 1000)  
// 执行函数
count1( )  
count2( )  
</script>
                                    要明确的是：本文不太适合新手阅读，需要有一定只是铺垫（比如你要知道堆和栈，宏任务和微任务的概念等）首先我们应明确有关settimeout的概念：setTimeout是异步执行的，堆栈中碰到setTimeout会交给浏览器内核处理，等待setTimeout达到触发条件（即设定的时间），再返回给执行队列。简而言之，就是计时的这个操作是在浏览器端进行的，在计时完成后，将settimeout中的操作放入事...
                                    setTimeout本身并不直接引发内存泄露，但如果使用不当，确实可以间接导致内存泄漏。以下是一些使用setTimeout可能导致内存泄漏的情况：闭包引用：在setTimeout的回调函数中，如果引用了外部变量（形成闭包），那么直到回调函数执行完毕之前，这些外部变量都不会被垃圾回收。如果这个外部变量是一个大对象或者包含大量数据，并且setTimeout设置了很长的延时，那么这段时间内这些数据都无法被回收。取消引用失败：如果setTimeout。
                                    setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终导致页面卡死
解决办法：setTimeout是自带清除定时器的（注：箭头函数解决setTimeout内的this指向问题）
this.timer = setInterval(() => {
    setTimeout(() => {
      this.xxx()
    }, 0)
}, 5000)
                                    setTimeout setTimeout( ) 是属于 window 的 method, 这是用来设定一个时间，时间到了， 就会执行一个指定的 方法。练习一：等候三秒才执行的 alert( )setTimeout("alert('对不起, 要你久候')", 3000 ) 练习二：自动每秒加 1  x = 0
function countSecond( )
{　x = x+1
　 docum...
                                    用 JavaScript 写个定时器，规定某段代码隔一段时间执行一次，第一反应肯定是用 setInterval.例如规定每隔两百毫秒打印一次 hello, 就可以像下面这样写：setInterval上面的代码，每两百毫秒，将 console.log('hello') 推到事件队列。setIntreavl 的第一个参数是要重复执行的函数，第二个参数是重复执行的时间间隔，以毫秒为单位；返回值是 Num...
                                    本文主要收集一些前端开发中我们可能不常用的开发技巧。如果路过的小伙伴有什么实用的小技巧可以再下方留言，我会将你宝贵的小技巧加在本文的后面，供路过的小伙伴们学习。1. 清除定时器就这？不是哟，我其实表达的是批量清除定时器，一般我们会在定时器调用的时候将它赋值给一个变量，然后将在需要清除定时器的时候使用 clearTimeout 或者 clearInterval 就可以清除定时器了。那么如果你想批量清...
                                    setTimeout、setInterval函数在JavaScript和TypeScript中又被经常称作高级定时器函数。通常可以这样使用:定时器函数，顾名思义，经过一段时间的延迟（即为参数interval的值）后，指定的函数会被调用。而两个函数的主要区别在：setTimeout函数只会执行一次，而setInterval函数会反复执行。听起来很不错，通过这两个函数可以实现很多有趣并且有用的东西（其...
                                    本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。计时器：Javascript是单线程语言，但它允许通过设置超时和间歇时间值来调度代码在特定的时刻执行；其是通过setTimeout()和setInterval()两个window对象的全局函数实现的，用来注册在指定的时间之后单次或重复调用的函数；setTimeout()：延迟代码执行(也叫...
1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动. 如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。
2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。
二、使用场景
1、写计时器
2、需要让程序隔一段时间处理什么事情，
                                    setTimeout在执行完成后会自动销毁，一般不需要手动销毁，setInterval不会自动销毁。但是在快速切换组件时，使用setTimeout也有可能报上述错误，所以需要添加手动销毁代码。切换组件渲染时，控制台提示需要cleanup function，一般造成这种提示的原因是。
                                    本文的主题是 JavaScript，但不是讲它的功能，语法之类——相反，我要谈的是JS 的工作机制，以及与此相关的一些基本术语。下面进入主题。相关术语如果你曾看过 JS 的维基百科之类的资料，那么肯定会对一系列的术语印象深刻，诸如高级(high-level)、解释(interpreted)、JIT 编译、动态类型、基于原型(prototype-based)等等。其中有些术语很好理解，有经验的程序员...