怎么用js创建 一个值为“10秒“的按钮，并且10秒倒计时，当为1后，值变为”停止“

JavaScript021

怎么用js创建 一个值为“10秒“的按钮，并且10秒倒计时，当为1后，值变为”停止“,第1张

var btn = document.createElement('button'),

    count = 10

btn.innerHTML = count

document.body.appendChild(btn)

(function countdown() {

  if(count === 0) {

    btn.innerHTML = '停止'

  } else {

    setTimeout(function() {

      count -= 1

      btn.innerHTML = count

      countdown()

    },1000)

  }

})()

这个就是一个定时器和点击事件结合就行。

思路：

1、首先添加一个定时器实现多久显示出提示显示出来，然后清除定时器；

2、然后点击关闭再次执行这个定时器；

实例：