您的位置：首页 > Web前端 > JavaScript

setinterval()与clearInterval()JS函数的调用方法

2015-01-21 00:00 519 查看

本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下：

<!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>  

    <title>setinterval()与clearInterval()用法</title>  

    <script type="text/javascript">  

        function f1() {  

            alert("调用f1");  

        }  

        function f2() {  

            alert("调用f2");  

        }  

  

        function bodymousedown() {  

            alert("你好");  

            alert("我好");  

  

        }  

        function com() {  

            if (confirm("是否进入")) {  

                alert("进入了");  

            }  

            else {  

                alert("退出");  

            }  

        }  

        var interval;  

        function getinterval() {  

            if (confirm("确定要执行吗？")) {  

                  

                interval = setInterval("alert('每隔2000毫秒执行一次')", 2000);  

            }  

            else {  

                alert("不执行");  

            }  

        }  

        function setTimeOut1() {  

            setTimeout("alert('3000毫秒后执行这段代码')", 3000);  

        }  

  

    </script>  

</head>  

<!--" -->   

<!--<body onmousedown ="bodymousedown()">-->  

<body>  

<!--ondblclick是双击事件,onclick是单击事件-->  

<input type="button" onclick="document.ondblclick=f1" value="关联事件1" /> 

<input type="button" onclick="document.ondblclick=f2" value="关联事件2" /> 

  

<input type="button" ondblclick="bodymousedown()" value="调用函数" />  

<input type="button" onclick="com()" value="confirm的用法" />  

<input type="button" onclick="getinterval()" value="setInterval的用法，每隔一段时间执行指定的代码" />  

  

<!--clearInterval取消setInterval的定时执行，相当于Timer中的Enabled=False-->  

<input type="button" onclick="clearInterval(interval)" value="取消执行setinterval代码" />  

  

<input type="button" onclick="setTimeOut1()" value="setTimeOut，某个时间执行代码" />  

  

</body>  

</html>

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])

参数
描述

code
必需。要调用的函数或要执行的代码串。

millisec
必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

setTimeout只运行一次，也就是说设定的时间到后就触发运行指定代码，运行完后即结束。

setinterval是循环运行的，即每到设定时间间隔就触发指定代码。这是真正的定时器。
希望本文所述对大家的javascript程序设计有所帮助。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航