深入JavaScript之定时器

php中世界最好的语言
풀어 주다: 2018-03-13 13:26:38
원래의
1384명이 탐색했습니다.

这次给大家带来深入JavaScript之定时器,使用JavaScript的定时器注意事项有哪些,下面就是实战案例,一起来看一下。

获取 年 月 日 星期 时 分 秒

로그인 후 복사

2.定时器

setInterval 间隔型 : 间隔多少ms执行一次
setTimeout 延时型 : 延时 多少ms执行

两种定时器的区别:

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.数字时钟练习

  数字时钟  
![](image/0.png) ![](image/0.png) : ![](image/0.png) ![](image/0.png) : ![](image/0.png) ![](image/0.png)
로그인 후 복사

1.gif

延时提示框

   07-延时提示框   
로그인 후 복사

简化代码:合并两个相同的mouseover和mouseout

   07-延时提示框   
로그인 후 복사

6.无缝滚动

无缝滚动
向左走向右走
  • ![](img2/1.jpg)
  • ![](img2/2.jpg)
  • ![](img2/3.jpg)
  • ![](img2/4.jpg)
로그인 후 복사

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

深入JavaScript之基础应用

JS的8个必须注意的基础知识

위 내용은 深入JavaScript之定时器의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!