js如何停止计时器不执行下面的代码

JavaScript042

js如何停止计时器不执行下面的代码,第1张

1、定时器通常时隔段时间执行一次代码,时间可长可短,最短应该是1毫秒。

2、做一个全局变量,在定时器代码里增加个条件判断,只有全局变量为真才执行,否则不执行。

3、点击按钮时,将全局变量赋值为假,这样,定时器代码就不会再次执行了。

4、希望对你有帮助。

// html

<div>当前时间为:<span id="timeNow"></span> </div>

<button id="timeBegin">计时开始</button>

<button id="timeEnd">计时结束</button>

<button id="timeClear">计时清除</button>

// Javascript

<script type="text/javascript">

    //定义初始值 计时器

    var count = 0

    var timer = ""

    //开始计时

    function BeginTime(){

        var beginBtn = document.getElementById("timeBegin")

        beginBtn.onclick = function(){

            timer = setInterval(function(){

                count ++ 

                document.getElementById("timeNow").innerHTML = count / 100

            },10)

        }

    }

    //结束计时

    function EndTime(){

        var endBtn = document.getElementById("timeEnd")

        endBtn.onclick = function(){

            clearInterval(timer)

        }

    }

    //计时清除

    function ClearTime(){

        var clearBtn = document.getElementById("timeClear")

        clearBtn.onclick = function(){

            document.getElementById("timeNow").innerHTML = ""

        }

    }

    BeginTime()

    EndTime()

    ClearTime()

</script>

//  The Harder You Work, The Luckier You Will Be. (Jensonhui.com)

js中两种定时器的设置及清除

循环执行:

var timeid = window.setInterval(“方法名或方法”,“延时”)

window.clearInterval(timeid)

<script type="text/javascript">

$(document).ready(function(){    //循环执行,每隔1秒钟执行一次 1000     var

t1=window.setInterval(refreshCount, 1000)

function refreshCount() {

console.log("ready")

}

//去掉定时器的方法

window.clearInterval(t1)

})

</script>

2.定时执行:当方法执行完成定时器停止(但是定时器还在,只不过没用了)

var tmid = window.setTimeout(“方法名或方法”, “延时”)

window.clearTimeout(tmid)

<script type="text/javascript">

$(document).ready(function(){    //定时执行,5秒后执行

var t1=window.setTimeout(refreshCount, 1000 * 5)   function refreshCount() {

console.log("ready")

}    //去掉定时器的方法      window.clearTimeout(t1)

})

</script>