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程序设计有所帮助。
相关文章
这篇文章主要给大家介绍了关于echarts中tooltip添加点击事件的相关资料,echarts tooltip点击事件是指当用户点击图表中的提示框(tooltip)时触发的事件,需要的朋友可以参考下2023-07-07
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
想必大家都用过或接触过 OkHttp，我最近在使用 Okhttp 时，就踩到一个坑，在这儿分享出来，以后大家遇到类似问题时就可以绕过去2018-01-01
这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短、最简洁的实现方法,需要的朋友可以参考下2014-11-11
这篇文章主要为大家简单介绍一下JS中如何实现二叉树层序遍历，感兴趣的小伙伴可以详细参考阅读2023-03-03
Javascript insertAfter() 实现函数代码
DOM没有提供insertAfter()方法，我们可以自己扩展下。2011-10-10
这篇文章主要为大家详细介绍了JS实现简单加减购物车效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要给大家分享的是学习JavaScript一定要知道的3个小技巧，通常在 Angular 或 React 项目中，code review 时看到一些老式的 JavaScript 代码，就会将开发人员归类为初学者，下面我们就来一起看看初学者需要知道的三个小技巧,需要的朋友可以参考一下2021-12-12
这篇文章介绍了js函数排序的代码，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了javascript 中select框触发事件过程的分析的相关资料,这里对select 触发过程进行了深入分析，帮助大家理解这部分内容，需要的朋友可以参考下2017-08-08
JavaScript中一些浮点数相加减会计算错误，本文将为大家具体介绍一下JavaScript中解决任意两数加减会出现错误的方案，需要的可以参考一下2022-02-02
最新评论