JS计时器

设置一个标题h1

  <h1 id="h1">0</h1>

给h1设置样式:红色渐变

<style>
        h1 {
            /* 过度: 使标签样式按照动画过程变化  1s表示时间  linear表示匀速*/
            transition: 1s linear;
        }

        h1:hover {
          
            color: red;
        }
    </style>

效果:鼠标放上会变红

计时器    setTimeout

setTimeout可以计一秒就自己停了//1000毫秒即1S执行一次

var timer1 = setTimeout(function(){
            h1.innerText = h1.innerText * 1 + 1
        }, 1000)

代码必须是 h1.innerText = h1.innerText * 1 + 1,将innerText转化为number

而不能是 h1.innerText = h1.innerText  + 1(会变成01,因为"0"+1的结果是01)

效果图:计到1 就停止

<