浅析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 相关文章推荐
用jquery修复在iframe下的页面锚点失效问题
Aug 22 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
jQuery元素选择器用法实例
Dec 23 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
2014/12/15 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
CakePHP框架Session设置方法分析
2017/02/23 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
google广告之另类js调用实现代码
2020/08/22 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
跟老齐学Python之使用Python查询更新数据库
2014/11/25 Python
Python标准库之collections包的使用教程
2017/04/27 Python
python中实现k-means聚类算法详解
2017/11/11 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
解决pycharm运行时interpreter为空的问题
2018/10/29 Python
Django框架封装外部函数示例
2019/05/28 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
美国儿童玩具、装扮和玩偶商店:Magic Cabin
2018/09/02 全球购物
什么是网络协议
2016/04/07 面试题
什么是继承
2013/12/07 面试题
中学生差生评语
2014/01/30 职场文书
小学教师师德反思
2014/02/03 职场文书
文明班级建设方案
2014/05/15 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python