浅析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放大镜效果
Dec 08 Javascript
原始的js代码和jquery对比体会
Sep 10 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
Vue.js每天必学之Class与样式绑定
Sep 05 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
layui文件上传控件带更改后数据传值的方法
Sep 23 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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中的数组操作函数整理
2008/08/18 PHP
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
AngularJS实现标签页的两种方式
2016/09/05 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
jQuery实现模糊查询的方法分析
2018/05/10 jQuery
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python列表计数及插入实例
2014/12/17 Python
在Python中使用第三方模块的教程
2015/04/27 Python
Python算法之图的遍历
2017/11/16 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
Ruby如何创建一个线程
2013/03/10 面试题
公司董事长职责
2013/12/12 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
毕业自我评价
2014/02/05 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
小学运动会通讯稿
2015/07/18 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书
求职自我评价参考范文
2019/05/16 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL