javaScript--开始、停止

最新推荐文章于 2023-10-23 23:15:43 发布

沐风Cc

最新推荐文章于 2023-10-23 23:15:43 发布

阅读量572

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/mufeng633/article/details/75110036

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

用于计数–从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>

沐风Cc

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
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()
复制链接

扫一扫