浅析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 相关文章推荐
论坛特效代码收集(落伍转发-不错)
Dec 02 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
javascript无刷新评论实现方法
May 13 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 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来写记数器(详细介绍)
2006/10/09 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
javascript中有趣的反柯里化深入分析
2012/12/05 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
jquery 延迟执行实例介绍
2013/08/20 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
vue中activated的用法
2021/01/03 Vue.js
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
中国最大的名表商城:万表网
2016/08/29 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
项目资料员岗位职责
2013/12/10 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
师范大学生求职信
2014/06/13 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
总结几个非常实用的Python库
2021/06/26 Python
Mysql排序的特性详情
2021/11/01 MySQL