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

编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了setinterval()与clearInterval()JS函数的调用方法,实例分析了setinterval()与clearInterval()的语法结构及使用技巧,需要的朋友可以参考下

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

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板