请问这个JS脚本如何清除计时器

JavaScript050

请问这个JS脚本如何清除计时器,第1张

$(document).ready(function(){

var j=0

$("#tabMenus li:first").addClass("current")

$("#tabCons div:first").show()

$("#tabMenus li").click(function(i){

    $(this).addClass("current").siblings().removeClass()

    $("#tabCons > div").hide()

    $("#tabCons div:eq(" + i + ")").show()

       }).hover(function(){

         clearInterval(t)//清除定时器

       } , function(){

         t = run()//启动定时器

       })

    function run(){

      return setInterval(function(){

$("#tabMenus li:eq("+j+")").trigger("click")

if(j<3){

  j++

}else{

  j=0

}

},1000)

    }

    var t = run()

})

1、定义一个函数，用于自增打印。

2、使用setInterval()调用并执行函数。

3、保存文件，并观察setInterval()的执行效果。

4、定义一个变量，接收setIntreval()返回一个标识符。

5、使用clearInterval()在指定条件时，终止setInterval()。

6、保存文件，查看执行效果。

点击开始计时时先调用停止计时函数和重置函数再调用开始计时函数就可以了。

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>计时器</title>

    <script type="text/javascript">

        var c = 0

        var t

        var onOff = true

        function timedCount() {

            document.getElementById('txt').value = c

            c = c + 1

            t = setTimeout("timedCount()", 1000)

        }

        function stopCount() {

            clearTimeout(t)

        }

        function cs() {

            c = 0

            document.getElementById('txt').value = 0

        }

    </script>

</head>

<body>

    <form>

        <input id="btn1" type="button" value="开始计时" onclick="stopCount()cs()timedCount()">

        <input type="text" id="txt">

        <input type="button" value="停止计时" onclick="stopCount()">

        <input type="button" value="重置" onclick="cs()">

    </form>

    <p>当点击“开始计时”的按钮时，从0开始一直进行计时，当点击“停止计时”按钮时停止计时。</p>

</body>

</html>