首页 > 代码库 > js定时器应用

js定时器应用

2024-07-26 09:36:18   219人阅读

  • 定时器：（延迟器）
    用以指定在一段特定的时间后执行某段程序。
  • setTimeout()：（1.0版）

  • 格式：
    [定时器对象名=] setTimeout(“<表达式>”，毫秒)
    功能：执行<表达式>一次。
    <SCRIPT LANGUAGE="JavaScript">
    setTimeout("confirm(‘123456‘)",1000);
    </SCRIPT>
    <script language="JavaScript" type="text/javascript">
    function count() {
        setTimeout("alert(‘三秒到了‘)",3000)
    }
    </Script>
    <INPUT TYPE="button" VALUE="http://www.mamicode.com/计时开始" onClick="count()">
  • clearTimeout()：终止定时器

  • 格式：
    clearTimeout(定时器对象名)
  • setInterval()：（1.2版）

  • 格式：
    [定时器对象名=] setInterval(“<表达式>”，毫秒)
    功能：重复执行<表达式>，直至窗口、框架被关闭或执行clearInterval。
  • clearInterval()：终止定时器

  • 格式：
    clearInterval(定时器对象名)

    例1：
    <Script><script language="JavaScript" type="text/javascript">
    var sec = 0;
    timerID = setInterval("count()",1000);
    function count() {
        num.innerHTML = sec++;
    }
    </Script>
    停留时间：
    <FONT ID="num" FACE="impact">0</FONT>秒钟
    <INPUT TYPE="button" VALUE="http://www.mamicode.com/停止" onClick="clearInterval(timerID)">
    例2：
    <script language="JavaScript" type="text/javascript">
    var str = "这是一个在线拍卖的网站，请尽情血拼吧！";
    var seq = 0;
    function scroll() {
        msg = str.substring(0, seq+1);
        banner.innerHTML = msg;
        seq++;
        if (seq >= str.length) seq = 0;
    }
    </Script>
    <Body onl oad="setInterval(‘scroll()‘,500)">
    <FONT ID="banner"></FONT>

js定时器应用


联系
我们