浅析javascript的间隔调用和延时调用


Posted in Javascript onNovember 12, 2014

用 setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环

用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量。

<script type="text/javascript">

    var n = 0;

    function print(){

        document.writeln(n);

        

        if(n==1000){

        window.clearInterval(s);

        }    

        n++;

    }

     var s = window.setInterval(print, 10);

</script>

用setTimeout和clearTimeout完成延时调用,在指定的延迟时间之后运行指定函数,只执行一次。clearTimeout的用法同clearInterval方法的用法相同。

<script type="text/javascript">

    function printTime(){

        var time = new Date();

        var year = time.getFullYear();

        var month = (time.getMonth())+1;

        var daynum = time.getDay();

        var hour = time.getHours();

        var min = time.getMinutes();

        var sec = time.getSeconds();

        var da = time.getDate();

        var daystr;

        switch(daynum){

        case 0: daystr="星期日";

            break;

        case 1: daystr="星期一";

            break;

        case 2: daystr="星期二";

            break;

        case 3: daystr="星期三";

            break;

        case 4: daystr="星期四";

            break;

        case 5: daystr="星期五";

            break;

        case 6: daystr="星期六";

            break;

        default: daystr="";

        }

        var str = year+"年"+month+"月"+da+"日  "+daystr+" "+hour+": "+min+": "+sec;

        document.getElementById("t").innerHTML = str;

        window.setTimeout(printTime, 1000);

    }

</script>
<body onload="printTime()">

<br/>

<div id="t"></div>

</body>
Javascript 相关文章推荐
jquery form 隐藏的input 选择
Apr 29 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 Javascript
关于javascript模块加载技术的一些思考
Nov 28 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
jQuery的deferred对象详解
Nov 12 #Javascript
探寻Javascript执行效率问题
Nov 12 #Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 #Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 #Javascript
JavaScript中提前声明变量或函数例子
Nov 12 #Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 #Javascript
js在IE与firefox的差异集锦
Nov 11 #Javascript
You might like
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
简单的用PHP编写的导航条程序
2006/10/09 PHP
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
PHP 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
json 实例详细说明教程
2009/10/31 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
微信小程序radio组件使用详解
2018/01/31 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
python实现音乐下载器
2018/04/15 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
python编写猜数字小游戏
2019/10/06 Python
python实发邮件实例详解
2019/11/11 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
善意的谎言事例
2014/02/15 职场文书
电子商务专业求职信
2014/03/08 职场文书
教室布置标语
2014/06/26 职场文书
2016年清明节期间群众祭祀活动工作总结
2016/04/01 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python