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

2024-05-06 16:15:01

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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"])