jQuery学习15---倒记时的应用

最新推荐文章于 2024-09-14 15:41:17 发布

原创最新推荐文章于 2024-09-14 15:41:17 发布 · 830 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery倒记时的应用

jQuery 专栏收录该内容

22 篇文章

订阅专栏

本文展示了一个HTML页面中利用JavaScript实现的倒计时按钮，通过设置定时器和改变按钮文本来实现计时功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=GBK">
		<title></title>
		<script src="../jquery-1.8.2.js" type="text/javascript"></script>
		<style type="text/css">
		</style>
		<script type="text/javascript">
			$(function()
			{
				setCount();
			});
			var count = 5;
			var tmrId = setInterval("setCount()",1000);
			function setCount()
			{
				if(count>0)
				{
					$("#btn").val("请仔细阅读协议("+count+")秒");
				count--;
				}else
				{
					$("#btn").val("同意").attr("disabled",false);
					//清除记时器
					clearInterval(tmrId);
				}
			}
		</script>
	</head>
	<body>
		<input id="btn" type="button" value="同意" disabled="disabled"/>
	</body>
</html>