停止setInterval的clearInterval函数

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>setInterval使用方法</title><style type="text/css">.com {width: 200px;height: 30px;background-color: burlywood;/* color: orange; */line-height: 30px;font-family: serif;text-align: center;}.hand {display: inline-block;background: #333;border-radius: 4px;width: 28px;height: 28px;margin: 0 5px;font-size: 18px;color: #fff;vertical-align: middle;text-align: center;line-height: 28px;}</style></head><body><script type="text/javascript">window.addEventListener('load', function() {var stop = document.querySelector('.stop');var b = document.querySelector('.begin');//                b.addBehavior('click')var timer = null;b.addEventListener('click', function() {timer = setInterval(function() {console.log('开始计时');}, 1000)})stop.addEventListener('click',function(){clearInterval(timer);})})</script><button class="stop">停止</button><button class="begin">开始</button></body></html>

停止setInterval的clearInterval函数相关推荐

setInterval 与 clearInterval详解
首先注意,setInterval与clearInterval都是直属于window对象的. 1.直接调用setInterval(即不通过函数调用) <div id="oDiv_show ...
789-792---BOM（定时器（setInterval() 定时器），案例：倒计时，停止setInterval() 定时器，案例：发送短信，this的指向）
文章目录 BOM 3 定时器 3.4 setInterval() 定时器案例:倒计时 3.5 停止setInterval() 定时器案例:发送短信 3.6 this BOM 3 定时器 3.4 s ...
BOM：window对象的方法之setInterval()定时器和停止setInterval()定时器
window.setInterval(回调函数,[间隔的毫秒数]); setInterval()方法是重复调用一个函数,每间隔一段时间就调用一次这个函数. // 每隔两秒就会执行一次这个函数 setI ...
setInterval和clearInterval
最近在做项目的时候遇到了setInterval和clearInterval这两个js函数,今天特地来感悟记录下我是在vue的项目中进行的代码,有下面两种用法第一种:直接在setInterval中使 ...
怎么停止html自动刷新桌面,怎么停止setinterval
javascript可以单独停止setInterval吗? jquery setinterval怎么停止. 怎么停止setinterval 可以单独停止一个setInterval的,setInterv ...
setInterval与clearInterval
setInterval与clearInterval setInterval 定义和用法语法返回值实例 setInterval 定义和用法 setInterval()方法可按照指定的周期(以毫秒计 ...
HTML DOM setInterval和clearInterval方法案例详解
文章来源: 学习通http://www.bdgxy.com/ 普学网http://www.boxinghulanban.cn/ 智学网http://www.jaxp.net/ 在javascript编 ...
setInterval 和 clearInterval 的用法
setInterval 和 clearInterval 的用法: var times = 10;var timeOut = setInterval(() => {if (times != 0) ...
php clearinterval,JavaScript定时函数（2）setInterval与clearInterval
setInterval的使用方法 Document 0 var hid = document.getElementById("hid"); var num = 1; functio ...

停止setInterval的clearInterval函数

停止setInterval的clearInterval函数相关推荐

最新文章

热门文章