javaScript--开始、停止

来源：互联网发布：品茗网络计划教程编辑：程序博客网时间：2024/06/06 04:49

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

阅读全文

0 0