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

JavaScript032

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

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

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

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

4、希望对你有帮助。

// html 

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

<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 = ""

            count = 0

        }

    }

    BeginTime()

    EndTime()

    ClearTime()

</script>

思路: 很简单

一个盒子来显示时间, 三个按钮控制时间 开始 、 结束、 归零

定义一个初始值和计时器,点开始计时器初始值不断增加,点结束停止计时器,点清除把时间盒子清空,初始值归零即可

记录生活的瞬间,分享学习的心得,感悟生活,留住感动,( www.jensonhui.com )  

javascript计时器频率是使用IE的时候限制网页脚本的CPU消耗。在Javascript中有一个很关键的函数代码叫做计时器,定时器有两种: 1.setInterval() ,2.setTimeout()。

setInterval(code,millisec)//按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到clearInterval() 被调用或窗口被关闭。code 必需。要调用的函数或要执行的代码串。millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。