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 相关文章推荐
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
May 20 Javascript
vue实现搜索功能
May 28 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 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
雄兵连:天使彦天使彦为爱折翼,彦和炙心同时念动的誓言!
2020/03/02 国漫
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
php 启动报错如何解决
2014/01/17 PHP
php生成随机颜色的方法
2014/11/13 PHP
PHP 无限级分类
2017/05/04 PHP
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
js实现文字无缝向上滚动
2017/02/16 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
2017/06/28 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
Sanic框架蓝图用法实例分析
2018/07/17 Python
python opencv肤色检测的实现示例
2020/12/21 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
专科毕业生学习生活的自我评价
2013/10/26 职场文书
历史教育专业个人求职信
2013/12/13 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
标准单位租车协议书
2014/09/23 职场文书
2014年终工作总结范本
2014/12/15 职场文书
教师个人学习总结
2015/02/11 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS
只用20行Python代码实现屏幕录制功能
2021/06/02 Python