zoukankan      html  css  js  c++  java
  • JavaScrip--时钟对象

    时钟对象
    有两个方法开启时钟
    setInterval
    setTimeout
    有两个方法关闭
    clearInterval
    clearTimeout

    注意两个的区别:
    第一个setInterval,是延迟指定的时间后一直的执行
    第二个setTimeout,是延迟指定的时间后只执行一次

    例子:
    使用这两个方法写的时钟:
    <body>
    <button onclick="startTime1()">setinerval</button>
    <button onclick="stopTime1()">stopinerval</button>
    <p id="pid1"></p>
    <button onclick="startTime2()">settimeout</button>
    <button onclick="stopTime2()">stoptimeout</button>
    <p id="pid2"></p>

    <script>
        function startTime1(){
            setIntervaltime=setInterval(function(){
                demo1();
            },0);
        }
        function demo1(){
            var t=new Date();
            var time= t.toLocaleTimeString();
            document.getElementById("pid1").innerHTML=time;
        }

        function stopTime1(){
            clearInterval(setIntervaltime);
        }

        function startTime2(){
            demo2();
            setTimeouttime=setTimeout(function (){
                startTime2();
            },0);
        }
        function demo2(){
            var t=new Date();
            var time= t.toLocaleTimeString();
            document.getElementById("pid2").innerHTML=time;
        }
        function stopTime2(){
            clearTimeout(setTimeouttime);
        }
    </script>
    </body>

  • 相关阅读:
    OO第四次暨期末总结
    OO第九到十一次作业小结
    OO第五到七次作业小结
    OO前三次作业阶段小结
    数据预处理相关
    Latex+VScode安装
    python学习网站+查询网站
    arcgis画图中添加带箭头的直线
    在ArcGIS 中标注中竖排文字
    vs2015使用fopen时遇到unsafe问题
  • 原文地址:https://www.cnblogs.com/YangMT/p/4864595.html
Copyright © 2011-2022 走看看