javaScript--开始、停止

用于计数–从10、9、8、7….

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
     /*开始对象*/
     var time1;
     var num;
     function be(){
        num=document.getElementsByTagName("h1")[0].innerHTML;
             if(num>0){
                 num--;
                 document.getElementsByTagName("h1")[0].innerHTML=num;
        }else{
                 //return;
                 document.write("结束");
             }
     }
        //开始方法
        function begin(){
           time1=setInterval("be()",1000);
        }
        //停止
        function stop(){
            clearTimeout(time1);
        }
    </script>
</head>
<body>
<!--开始按钮-->
<input type="button" value="开始" onclick="begin()"/>
<input type="button" value="停止" onclick="stop()"/>

<h1>10</h1>

</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>定时函数</title>
    <script type="text/javascript">
        var num=0;
        //清除无限循环 变量
        var time1;
        var time2;

        function addNum(){
            document.getElementById("numArea").innerHTML="数字:"+(num++);
        }
        /*无限循环调用  过一秒 就将num 加1 */
        function set1(){
            time1=setInterval("addNum()",1000);
        }
        /*只调用一次， 过一秒 就将num 加1  并运行一次 */
        function set2(){
            time2=setTimeout("addNum()",1000);
        }
        /*清除setInterval  无限循环 函数*/
        function clear1(){
           clearInterval(time1);
        }

        function clear2(){
            clearTimeout(time2);
        }

    </script>
</head>
<body>
<p id="numArea">数字:0</p>
<!--根据后面的毫秒数   一直循环加   无限循环-->
<input type="button" value="setinterval定时" onclick="set1()"/>

<!--根据后面的毫秒数    只运行一次-->
<input type="button" value="setTimeout定时" onclick="set2()"/>

<!--清除方法-->
<input type="button" value="清除 setinterval定时 按钮" onclick="clear1()"/>

<input type="button" value="清除setTimeout 定时 按钮" onclick="clear2()"/>
</body>
</html>

javaScript--开始、停止

猜你喜欢