zoukankan      html  css  js  c++  java
  • setTimeout, setInterval

    代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <h4>现在的时间为:<span id="a"></span></h4>

    <script type="text/javascript">
    showTime();
    function showTime(){
    var d = new Date();
    var a = document.getElementById("a");
    a.innerHTML
    = "This time " + d.toLocaleString();
    setTimeout(
    "showTime()", 1000);
    }
    </script>

    <h4>这里的内容是<span id="content"></span></h4>
    <input type="button" value="start" onclick="timer = setInterval('startShow()', 1000)" />
    <input type="button" value="stop" onclick="stopShow()" />
    <script type="text/javascript">
    var iValue = 1;
    //var timer = null;
    var cont = document.getElementById("content");
    //var timer = setInterval("startShow()", 1000);
    function startShow(){
    cont.innerHTML
    = cont.innerHTML + (iValue++) + " - ";
    //timer = setTimeout("startShow()", 1000);
    }
    function stopShow(){
    clearInterval(timer);
    }
    </script>

    </body>
    </html>
    通过这个小练习,掌握了setTimeout,setInterval的用法。

  • 相关阅读:
    DHCP Option 60 的理解
    几种开源分词工具的比較
    推荐交互设计师阅读的一本书
    iOS IAP教程
    艰苦的RAW格式数据恢复之旅
    BestCoder Round #11 (Div. 2) 前三题题解
    罗马数字
    mysql 加入列,改动列,删除列。
    杂项:ASP.NET Web API
    杂项:Web API
  • 原文地址:https://www.cnblogs.com/jikey/p/1680617.html
Copyright © 2011-2022 走看看