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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
Feb 08 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 Javascript
Node.js使用Angular简单示例
May 11 Javascript
JS实现百度网盘任意文件强制下载功能
Aug 31 Javascript
微信小程序调用后台service教程详解
Nov 06 Javascript
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
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/22 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
2013/11/26 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
js实现烟花特效
2020/03/02 Javascript
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
python读取ini配置文件过程示范
2019/12/23 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
Why do we need Unit test
2013/01/03 面试题
经济信息管理专业大学生求职信
2013/09/27 职场文书
安全标兵事迹材料
2014/08/17 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
2014年质检员工作总结
2014/11/18 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
杭白菊导游词
2015/02/10 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书