首先注意,setInterval与clearInterval都是直属于window对象的。

1、直接调用setInterval(即不通过函数调用)

<div id="oDiv_showCurrTime0" style="border:1px solid black; height:20px;"></div>
<script>
var dT = document.getElementById("oDiv_showCurrTime0");
//var inX = setInterval("funX()",1000);
var inX = setInterval(funX,1000); //setInerval直接使用时,这两种方法都可以function funX(){var dTime = new Date();dT.innerHTML = dTime.toLocaleTimeString()}
</script>

2、函数调用setInterval和clearnterval

<div id="oDiv_showCurrTime" style="border:1px solid black; height:20px;"></div><button οnclick="startX()">开始</button><button οnclick="stopX()">停止</button>
<script>
var intX; //这个必须写在startX函数外或不写,stopX才有效。
function startX(){intX= setInterval(func,500) //通过函数调用setInterval时,第一个参数不可以用"func()"这种形式,只能直接用函数名var dT = document.getElementById("oDiv_showCurrTime");function func(){var dTime = new Date();dT.innerHTML = dTime.toLocaleTimeString()}
}
function stopX(){window.clearInterval(intX) //注意!如果var intX定义在startX内,则无法清除!
}
</script>

  3、函数调用带有参数的setInterval

<div id="oDiv_showCurrTime" style="border:1px solid black; height:20px;"></div><button οnclick="startX()">开始</button><button οnclick="stopX()">停止</button>
<script>
var intX; //这个必须不写或者写在startX函数外,stopX才有效。
var arr = new Array;
arr[0]="rrr"
function startX(){//intX= setInterval(func("rrr"),500) 这种方法是错误的。如果需要调用带参数的函数,直接使用func("rrr")会在第一次加载后,提示参数无效intX= setInterval(function(){func.apply(this,arr)},500) //apply参数问题请查资料function func(a){var dT = document.getElementById("oDiv_showCurrTime");var dTime = new Date();dT.innerHTML = a + dTime.toLocaleTimeString()}
}
function stopX(){window.clearInterval(intX) //注意!如果var intX定义在startX内,则无法清除!
}
</script>

  

转载于:https://www.cnblogs.com/hutuzhu/p/3523231.html

setInterval 与 clearInterval详解相关推荐

  1. php 实现setinterval,JavaScript中setInterval的使用详解

    相信很多大伙都知道JavaScript中setInterval的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象,也有很多小伙伴对此也只是知道setInterval的定义.也是一知半解,今天我 ...

  2. php clearinterval,js计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()

    方法 描述 setInterval 周期性地调用一个函数(function)或者执行一段代码. clearInterval 取消掉用setInterval设置的重复执行动作. setTimeout 在 ...

  3. HTML DOM setInterval和clearInterval方法案例详解

    文章来源: 学习通http://www.bdgxy.com/ 普学网http://www.boxinghulanban.cn/ 智学网http://www.jaxp.net/ 在javascript编 ...

  4. php引入路径配置,require.js的路径配置和css的引入方法详解

    这篇文章主要介绍了详解require.js配置路径的用法和css的引入,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 前端开发在近一两年发展的非常快,JavaScript作为主流的开发语言得到了前 ...

  5. 详解如何实现在线聊天系统中的实时消息获取

    序言 传统web浏览器应用采用客户端主动请求方式,只有在收到浏览器请求时服务端才返回消息,这种模式已经不能满足日益多样化的web应用需求,例如: 在线聊天系统:需要实时获取聊天消息. 实时监控系统:需 ...

  6. Day03 javascript详解

    day03 js 详解 JavaScript的基础 JavaScript的变量 JavaScript的数据类型 JavaScript的语句 JavaScript的数组 JavaScript的函数 Ja ...

  7. 新手入门:史上最全Web端即时通讯技术原理详解

    前言 有关IM(InstantMessaging)聊天应用(如:微信,QQ).消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为 ...

  8. nodejs ref操作_nodejs事件和事件循环详解

    简介 上篇文章我们简单的介绍了nodejs中的事件event和事件循环event loop.本文本文将会更进一步,继续讲解nodejs中的event,并探讨一下setTimeout,setImmedi ...

  9. RxJS 系列之二 - Observable 详解

    查看新版教程,请访问前端修仙之路 RxJS 系列目录 RxJS 系列之一 - Functional Programming 简介 RxJS 系列之二 - Observable 详解 (本文) RxJS ...

最新文章

  1. 设计模式之状态模块加观察者模式
  2. 微信开发文档笔记整理(一)
  3. Arabidopsis thaliana 拟南芥 长read SRX533608
  4. softmax 与 logsoftmax 区别 或者说logsoftmax优点
  5. SQL Server 2008/2012中SQL应用系列及BI学习笔记系列--目录索引
  6. C语言中不安全的函数
  7. VSCode工程文件右侧A M U 字母的含义
  8. 【PAT甲级 stack queue的使用】1051 Pop Sequence (25 分) C++ 全部AC
  9. c++中algorithm头文件、STL库简介及使用说明
  10. C# .net 中 Timeout 的处理及遇到的问题
  11. win7旗舰版+caffe+vs2013+matlab2014b(无GPU版)
  12. pytorch 4 regression 回归
  13. 【github系列】解决Github上README无法显示图片
  14. Ubuntu Server 命令行下显示中文乱码(菱形)解决办法
  15. 用new/delete动态创建数组| 一维/二维/三维
  16. 数字值太大,plsql显示不全的设置
  17. 从零开始一起学习SLAM | 学习SLAM到底需要学什么?
  18. 云服务器带外管理-从IPMI到RedFish
  19. 高频分类ISO1443, ISO15693, ISO18000-3
  20. 用pano2vr创建全景图

热门文章

  1. hihoCoder 网络流四·最小路径覆盖
  2. Activity从创建到显示的整个过程
  3. 20160208.CCPP体系具体解释(0018天)
  4. ubuntu彻底卸载mysql并且重新安装
  5. 心血来潮学python
  6. Debian 下通过Bonding 实现双网卡单IP
  7. 项目10天投产,测试仅剩2天,如何处理?
  8. aspose-cells 表合并
  9. PHP 安全email
  10. 简单定制自己的Centos系统(第三版)