js 倒计时

最新推荐文章于 2021-12-10 15:50:14 发布

zjxchase

最新推荐文章于 2021-12-10 15:50:14 发布

阅读量511

点赞数

分类专栏： web前端 JavaScript

本文链接：https://blog.csdn.net/zjxchase/article/details/39478711

版权

JavaScript 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

web前端

4 篇文章 0 订阅

订阅专栏

js 倒计时

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
	<input type="button" id="eventBtn" value="点击事件"/>
</body>
<script type="text/javascript">
window.οnlοad=function(){
	var eventBtn = document.getElementById("eventBtn");
    eventBtn.onclick = function(){
       alert("事件已经被触发……");
       timeUpdate.init(eventBtn, 30);
    };
}

var timeUpdate = {
   node:null,//节点
   time:60,//时间
   //主函数
   start:function(){
	  if(this.time > 0){
		 this.node.value = this.time-- + ' 秒';
		 var _this = this;
		 setTimeout(function(){
			 _this.start();
		 },1000);
	  }else{
		 this.node.removeAttribute("disabled");
		 this.node.value = "点击事件";
		 this.time = 60;
	  }
   },
   //初始化
   init:function(node, timeLimit){
	  this.node = node;
	  this.time = timeLimit;
	  this.node.setAttribute("disabled",true);
	  this.start();
   }
};
</script>
</html>

zjxchase

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 倒计时

倒计时点击事件window.onload=function(){var btn = document.getElementById("btn");btn.onclick = function(){alert("事件已经被触发……");timeUpdate.init(btn, 30);};}var timeUpdate =
复制链接

扫一扫

专栏目录