javascript间隔定时器(延时定时器)学习 间隔调用和延时调用


Posted in Javascript onJanuary 13, 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($.load)事件的用法和分析
Apr 09 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
jQuery简单倒计时效果完整示例
Sep 20 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
Nov 04 Javascript
jQuery.parseHTML() 函数详解
Jan 09 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
parentElement,srcElement的使用小结
Jan 13 #Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 #Javascript
JS 日期比较大小的简单实例
Jan 13 #Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 #Javascript
JS OffsetParent属性深入解析
Jan 13 #Javascript
JavaScript网页定位详解
Jan 13 #Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 #Javascript
You might like
php中几种常见安全设置详解
2010/04/06 PHP
php学习笔记之 函数声明(二)
2011/06/09 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
PHP面向对象程序设计之对象生成方法详解
2016/12/02 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
浅谈jQuery中ajaxPrefilter的应用
2016/08/01 Javascript
laydate.js日期时间选择插件
2017/01/04 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
对python中的logger模块全面讲解
2018/04/28 Python
基于python实现学生管理系统
2018/10/17 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
航空大学应届生求职信
2013/11/10 职场文书
婚礼秀策划方案
2014/05/19 职场文书
贫困证明书格式及范文
2014/10/15 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
涨价通知
2015/04/23 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
Go获取两个时区的时间差
2022/04/20 Golang