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

前端技术 2023/09/07 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/19957

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案