setinterval()与clearInterval()JS函数的调用方法
更新时间：2015年01月21日 11:12:13 投稿：shichen2014
这篇文章主要介绍了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>
<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程序设计有所帮助。
相关文章
数据传递与存储是我们在日常开发中遇到的再正常不过的一个需求， 这篇文章主要给大家介绍了关于微信小程序开发实用技巧之数据传递和存储的相关资料，需要的朋友可以参考下2021-05-05
这篇文章主要介绍了JS设置获取cookies的方法，有需要的朋友可以参考一下2014-01-01
先用concat拼接数组 ，再使用一个对象、一个新数组（用于存放不重复的数组）具体实现如下，感兴趣的朋友可以参考2013-12-12
这篇文章主要为大家介绍了如何利用JavaScript实现开心消消乐小游戏,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了如何在postman中添加cookie信息,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JS实现在页面随时自定义背景颜色的方法,实例分析了javascript操作css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了微信小程序绑定手机号获取验证码功能，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了JavaScript逻辑And运算符，在JavaScript中，逻辑 AND 运算符用双和号（&&）表示2015-12-12
网上关于JavaScript实现倒计时的文章有很多，但是一般都是刷新后会重新开始计时，可是我们有的时候会需要刷新却不重新计算的倒计时，这该怎么做呢？下面我们一起来看看这种倒计时怎么实现吧。2016-08-08
这篇文章主要介绍了js实现select跳转菜单新窗口效果代码分享，实现很简单，推荐给大家，有需要的小伙伴可以参考下2015-08-08
最新评论