js—setTimeout()与clearTimeout()

1、setTimeout(函数指针,指定时间)，只执行一次
2、clearTimeout()清除定时器
JavaScript

var timer = window.setTimeout(run, 3000);
// 三秒后调用一次这个函数 
function run() {
  window.location.href = 'https://www.baidu.com';
}

三秒后页面会自动进入百度首页

实现计数

<input type="text" name="" id="txt" value="">
<button id="timed" onclick="timedCount()">开始计数</button>
<button id="stop" onclick="stopCount()">停止计数</button>

JavaScript

// 定义变量，让其可以显示在单本文本框中 
var count = 0;
// 定义变量，存放定时器 
var timer = null;
var txt = document.querySelector('#txt');

function timedCount() {
  // 1、将count变量中的值赋值显示在文本框中
  txt.value = count;
  count += 1;
  // 2、0.1秒后调用一次timedCount函数
  timer = setTimeout(timedCount, 100)
}

function stopCount() {
  clearTimeout(timer);
}

代码演示：