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>

  • 相关阅读:
    html标题-段落-字符实体-换行
    html概述和html基本结构:
    可以在一个.java文件中写两个类吗?
    栈内存和堆内存的区别
    Java的访问权限
    (转)第三方支付的盈利模式
    (转)第三方支付参与者
    直联和间联的区别——直连和间连的区别
    HashSet和LinkedHashSet特点.
    Map和TreeMap的特点
  • 原文地址:https://www.cnblogs.com/YangMT/p/4864595.html
Copyright © 2011-2022 走看看