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>

  • 相关阅读:
    关于上传组件
    二分查找的时间复杂度
    commander.js
    执行上下文
    谷歌插件开发
    网站性能
    日记
    <<人间失格>>阅读
    Node.js 应该用在什么地方
    浅谈前后端分离与实践 之 nodejs 中间层服务
  • 原文地址:https://www.cnblogs.com/YangMT/p/4864595.html
Copyright © 2011-2022 走看看