美文网首页
定时器知识点

定时器知识点

作者: 一雨成慕 | 来源:发表于2019-01-15 08:43 被阅读0次
一,定时器在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>

相关文章

  • Linux-内核定时器

    主要内容:Linux-定时器 知识点: 1.Linux定时器基础知识 1.1 定时器的使用范围(延后执行某个操作,...

  • 2017-12-27js动画

    知识点: 1. 写定时器setInterval函数第一条要清除定时器,否则会多次触发定时器 2. 写动画前要清楚浏...

  • 02_shell高级文本处理

    知识点 sort uniq cut wc sed命令 awk命令 crontab定时器 sort sort 命令对...

  • javascript基础之闭包、立即执行函数、定时器

    考验基础的时候到了,代码如下 经典的闭包题,带着立即执行函数和定时器。实际运行结果如下 知识点: 定时器延迟时间,...

  • (17.04.18)补零函数toDou、获取非行间样式、获取时间

    回顾知识点: eval(str) 关于函数: 随机函数: 彩票: 循环: 补零函数 定时器:setInterval...

  • 极度重要之定时器

    说到定时器,大家就肯定知道setTimeout()和setImterval(),但是他们背后还有很多更重要的知识点...

  • 点击图标换一换

    原理,使用定时器,定时清除类名,定时器执行时间和动画执行时间要相等,才能做到可以无间隔点击 知识点1s = 100...

  • 定时器知识点

    一,定时器在javascript中的作用 1、制作动画2、异步操作3、函数缓冲与节流 二,定时器类型及语法 三,#...

  • javascript模拟重力感应弹跳,做个不一样的登陆端口

    效果知识点:原生js动画效果 ,重力系统,弹跳算法, 迭代与递归, 动画序列, , 两种定时器配合使用, 循环判断...

  • 2017-12-25抽奖

    原理:定时器设定随机显示数组内元素。可通过鼠标点击或键盘控制。 知识点: 1.sublime分屏-alt+shif...

网友评论

      本文标题:定时器知识点

      本文链接:https://www.haomeiwen.com/subject/hcledqtx.html