js实现倒计时功能,创建元素div插入元素,时间结束替换倒计时功能,移除元素

2020-04-04 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n250.html
<script type="text/javascript">
window.onload=function(){
   var maxtime = 10; //按秒计算
   var timer = document.getElementById("timer");
   (function CountDown(){
      timer.innerHTML = "倒计时(" + maxtime + ")";
      if(--maxtime >= 1){
         setTimeout(CountDown,1000);
      }else{
		 //计时结束后执行
         timer.style.display = "none";//隐藏
         timer.style.display = "block";//显示
         timer.innerHTML = "文字被修改了";//修改html文字
		 timer.style.color = "#ff0000";//设置颜色
		 timer.style.backgroundColor = "#e5e5e5";//设置背景色
		 timer.style.height = "50px";//设置高度
         timer.remove();//删除这个html标签的全部代码
         timer.setAttribute("onclick","ok()");//添加或修改onclick值
         timer.classList.remove("aa");//移除指定class=aa
         timer.classList.add("bb");//添加指定class=bb
      }
   })();
}
</script> 
<div id="timer" ></div>


原文地址:http://www.imtr.cn/html/n250.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知