<!-- 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>
JS实现10-0的倒计时动画效果
猜你喜欢
转载自go2here.iteye.com/blog/2284853
今日推荐
周排行