JS实现10-0的倒计时动画效果

<!-- 10 至 0 的倒计时动画效果-->
<h1 id="timer">10</h1>
<script>//3步：
//1. 一个任务函数
//2. 启动一个定时器:按照指定时间间隔反复执行任务
var timer=setInterval(function(){
//找到id为timer的h1元素，保存在变量h1中
var h1=document.getElementById("timer");
//获取h1的内容，-1后再保存回去
h1.innerHTML-=1;
console.log(h1.innerHTML);
//如果本次倒计时为0，则停止定时器
h1.innerHTML==0&&clearInterval(timer);
},1000);//每隔1秒执行一次calc
//3. 停止定时器：必须要获得定时器编号
//  定时器编号只能在启动时获得
</script>