浅析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 相关文章推荐
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
Aug 03 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
vscode调试node.js的实现方法
Mar 22 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 实现判断用户是否手机访问
2015/01/21 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
机器学习10大经典算法详解
2017/12/07 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
python基于Selenium的web自动化框架
2019/07/14 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
如何用python免费看美剧
2020/08/11 Python
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
酒店服务与管理毕业生求职信
2013/11/02 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
求职信名称怎么写
2014/05/26 职场文书
店铺转让协议书
2014/12/02 职场文书
班主任先进事迹材料
2014/12/17 职场文书
北京青年观后感
2015/06/15 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL