这次给大家带来深入javascript之定时器,使用javascript的定时器注意事项有哪些,下面就是实战案例,一起来看一下。
获取 年 月 日 星期 时 分 秒
2.定时器
setInterval 间隔型 : 间隔多少ms执行一次
setTimeout 延时型 : 延时 多少ms执行
两种定时器的区别:
立即学习“Java免费学习笔记(深入)”;
setInterval 间隔型 ,可执行多次
setTimeout 延时型 , 只执行一次
开启定时器 setInterval()
var btn1 = document.getElementById('btn1');var btn2 = document.getElementById('btn2');var i = 0;var timer = null;
btn1.onclick = function () { //开启定时器
timer = setInterval(function () {
i++;
alert(i);
},1000);
}关闭定时器 clearInterval(timer);
btn2.onclick = function () {
i = 0;
clearInterval(timer);
}3.截取字符串
str[0];不兼容低版本浏览器,如IE7等; var a = 'abcdef';alert(a[0]); str.charAt(0); 兼容各种浏览器 var a = 'abcdef';a.charAt(0); //兼容各种浏览器
4.数字时钟练习
数字时钟


:


:


延时提示框
07-延时提示框
简化代码:合并两个相同的mouseover和mouseout
07-延时提示框
6.无缝滚动
无缝滚动 向左走向右走
- 
- 
- 
- 
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:











