定时器知识点

一,定时器在javascript中的作用

1、制作动画
2、异步操作
3、函数缓冲与节流

二,定时器类型及语法
定时器:
setTimeout  只执行一次的定时器 
clearTimeout 关闭只执行一次的定时器
setInterval  反复执行的定时器
clearInterval 关闭反复执行的定时器

三,#定时器制作倒计时
<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div1');
function timeleft(){
var now = new Date();
var future = new Date(2016,8,12,24,0,0);
var lefts = parseInt((future-now)/1000);
var day = parseInt(lefts/86400);
var hour = parseInt(lefts%86400/3600);
var min = parseInt(lefts%86400%3600/60);
var sec = lefts%60;
str = '距离2016年9月12日晚24点还剩下'+day+'天'+hour+'时'+min+'分'+sec+'秒';
oDiv.innerHTML = str;
}
timeleft();
setInterval(timeleft,1000);
}

</script>
......
<div id="div1"></div>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /*定时器...
    我的好昵称阅读 236评论 0 0
  • 定时器 定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /*定时...
    f6d8ee519880阅读 501评论 0 0
  • 定时器 定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /*定时...
    f6d8ee519880阅读 526评论 0 0
  • 定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 定时器: ...
    老头子_d0ec阅读 147评论 0 0
  • 今天宝贝在客厅玩的时候,他的小手不停的摆动,我正好奇,他要干嘛呢?仔细一瞧,原来人家是在表扬手影呢!他看到了自己的...
    英语叛逆者阅读 201评论 0 0