let btn = document.querySelector('button');
let time;
btn.addEventListener('click', function() {
clearInterval(time);
time = setInterval(function() {
console.log("3s");
}, 3000)
注：这样做的结果就是，每点击一次按钮，就会重新等3秒才会进行下一次执行
这个效果常见的是使用在轮播图的切换图片
之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也没什么效果，后来发现是js定时器的问题，在这里记录一下。
（setinterval）多次初始化
使用js定时器（setinterval）首要的问题就是要记得清除，即调用（clearInterval）方法，由于没有使用定时器的经验，我一开始是没有清除定时器，程序每一次初始化的时候都调用一次定时器，之前的定时器实例没有被销毁，新的定时器又开始执行，就会出现1s变0.5s，0.5
解决JavaScript定时器越走越快的问题
之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也没什么效果，后来发现是js定时器的问题，在这里记录一下。
（setinterval）多次初始化
使用js定时器（setinterval）首要的问题就是要记得清除，即调用（clearInterval）方法，由于没有使用定时器的经验，我一开始是没有清除定时器，程序每一次初始化的时候都调用一次定时器，之前的定时器实例没有被销毁，新的定时器又开始执行，就会出现1s变0.5s，0.5s变0.25秒的情况，从观感上来看就是定时
1，只执行一次的定时器 代码如下: [removed] //定时器 异步运行 function hello(){ alert(“hello”); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout(“hello()”,3000);//使用字符串执行方法 window.clearTimeout(t1);//去掉定时器 [removed] 2，重复执行的定时器 代码如下: [removed] function hello(){ alert(“hello”); } //重复执行某个方法
Hyper Text Markup Language：超文本标记语言.
什么是超文本：不仅仅是文本，还包括文本的样式(字体 大小 颜色等)，还包括多媒体(图片、音频、视频).
和xml的区别：XML标签可以任意定制，HTML标签固定就有那么多种.
学习HTML主要学习有哪些标签，标签有哪些属性，标签和标签间的嵌套关系.
html常用标签：
文本标签：
1：<h1></h1> ...<h6></h6>
本文实例为大家分享了js通过开始结束控制计时器的具体实现代码，供大家参考，具体内容如下
时间戳的使用的可以取消对多次点击事件产生效果的累加，譬如下文，运用时间戳，保证了在多次点击事件后不会对setInterval()中的时间进行叠加。
开始结束运用addEventlistener()来控制开始结束，
实时显示在你要显示的文本内容放置在setInterval()中，可实现实时显示的效果。
不足setInterval()方法所设置的时间并不能保证一直是1秒的，有误差，但是可通过前后Date()的不同控制在一定范围内才可执行，不过这里暂时没有设置这个，有空再补。
<!DOCTYPE html>
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-overflow-scrolling: touch
