javascript计时器详解

2019-07-21 作者:网站首页   |   浏览(91)

计时器

计时器

基本格式:

setInterval(function(){代码},1000);

/*

说明:1.setInterval 会返回一个计时器ID值

   可以这样接收。var setId = setInterval(....);

2.接收setId的目的是为了清空计时器。

   clearTimeout(setId);

*/

例如

图片 1

基本格式:

一次性的计时器

格式:

       setTimeout(function(){代码},1000)

案例:

        var setId = setTimeout(function(){

         alert('只执行一次');

        },1000);

复制代码 代码如下:

标题滚动案例

setInterval(function(){

     var tit =document.title;

    //1~length      0 

    document.title = tit.substring(1) tit.substring(0,1);

      },1000);

图片 2

 

 

setInterval(function(){代码},1000);

/*

说明:1.setInterval 会返回一个计时器ID值

   可以这样接收。var setId = setInterval(....);

 2.接收setId的目的是为了清空计时器。

   clearTimeout(setId);

*/

例如

图片 3

一次性的计时器

格式:

复制代码 代码如下:

       setTimeout(function(){代码},1000)

案例:

复制代码 代码如下:

        var setId = setTimeout(function(){
         alert('只执行一次');
        },1000);

标题滚动案例

复制代码 代码如下:

setInterval(function(){
     var tit =document.title;
    //1~length      0 
    document.title = tit.substring(1) tit.substring(0,1);
      },1000);

图片 4

希望小伙伴们通过本文能够对javascript计时器有新的认识,如有疑问,亲给我留言。

您可能感兴趣的文章:

  • JS 页面计时器示例代码
  • Node.js中使用计时器定时执行函数详解
  • javascript实现计时器的简单方法
  • JavaScript分秒倒计时器实现方法
  • javascript计时器事件使用详解
  • VB倒计时器和JS当前时间
  • javascript设计简单的秒表计时器
  • 原生js实现秒表计时器功能
  • javascript实现的简单计时器
  • js编写简单的计时器功能

本文由yzc216亚洲城发布于网站首页,转载请注明出处:javascript计时器详解

关键词: yzc216亚洲城