浅析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 相关文章推荐
js里的prototype使用示例
Nov 19 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
js 绑定键盘鼠标事件示例代码
Feb 12 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
Feb 11 Javascript
JS实现将二维数组转为json格式字符串操作示例
Jul 12 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
react的滑动图片验证码组件的示例代码
Feb 27 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
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
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JavaScript实现大数的运算
2014/11/24 Javascript
JavaScript计算两个日期时间段内日期的方法
2015/03/16 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
vue里如何主动销毁keep-alive缓存的组件
2019/03/21 Javascript
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python求出0~100以内的所有素数
2018/01/23 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
django的autoreload机制实现
2020/06/03 Python
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
出纳岗位职责模板
2013/11/27 职场文书
工艺员岗位职责
2014/02/11 职场文书
酒店端午节活动方案
2014/08/26 职场文书
计划生育诚信协议书
2014/11/02 职场文书
道德模范事迹材料
2014/12/20 职场文书
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers
Python数组变形的几种实现方法
2022/05/30 Python