原生js点击按钮倒计时

最新推荐文章于 2024-01-24 15:24:22 发布

原创最新推荐文章于 2024-01-24 15:24:22 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面包含一个按钮，点击后开始从60秒倒计时。使用JavaScript实现了递归调用的倒计时功能，并通过DOM操作更新按钮上的显示。

<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title >111</title>
<style type ="text/css"></style>
<script type="text/javascript">

	let time ;
	function count(time){
		setTimeout(function(){
			count(time);
		},1000)
		if(time < 0) return;
		time -- ;
		let btn = document.getElementById('btn');
		console.log(btn.innerHTML)
   // btn.val(time);
   btn.innerHTML=time;
	//console.log(btn.html())
	console.log(time);
}
</script>>
</head>
<body>
<button onclick="count(60);" id="btn">使点劲</button>
</body>
</html>