浅析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 相关文章推荐
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
Nov 24 Javascript
Javascript 日期处理之时区问题
Oct 08 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
bootstrap多种样式进度条展示
Dec 20 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
jQuery中的deferred对象和extend方法详解
May 08 jQuery
基于iview的router常用控制方式
May 30 Javascript
微信小程序换肤功能实现代码(思路详解)
Aug 25 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
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
PHP 身份证号验证函数
2009/05/07 PHP
php 过滤危险html代码
2009/06/29 PHP
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
[01:13:46]iG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python实现大文件排序的方法
2015/07/10 Python
小议Python中自定义函数的可变参数的使用及注意点
2016/06/21 Python
django中静态文件配置static的方法
2018/05/20 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
python绘制地震散点图
2019/06/18 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
python 6行代码制作月历生成器
2020/09/18 Python
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
医药大学生求职简历的自我评价
2013/10/17 职场文书
市场推广策划方案
2014/06/02 职场文书
物理教育专业求职信
2014/06/25 职场文书
明星员工获奖感言
2014/08/14 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
Vue的生命周期一起来看看
2022/02/24 Vue.js