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


Posted in Javascript onJanuary 21, 2015

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

Javascript 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
js opener的使用详解
Jan 11 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 Javascript
利用javaScript处理常用事件详解
Apr 14 Javascript
js实现DOM走马灯特效的方法
Jan 21 #Javascript
浅谈javascript 迭代方法
Jan 21 #Javascript
js实现用户注册协议倒计时的方法
Jan 21 #Javascript
浅谈javascript 归并方法
Jan 21 #Javascript
JS获取时间的方法
Jan 21 #Javascript
javascript中数组的定义及使用实例
Jan 21 #Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 #Javascript
You might like
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
python中dir函数用法分析
2015/04/17 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
Python开发的实用计算器完整实例
2017/05/10 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
书法比赛获奖感言
2014/02/10 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
推广普通话标语
2014/06/27 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
部门主管竞聘书
2015/09/15 职场文书
如何判断pytorch是否支持GPU加速
2021/06/01 Python
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript