jquery倒计时代码,JS代码库,德仔网

代码语言

代码分类

【JS】 jquery倒计时

作者:鑫炫 / 发布于2015/1/26/ 409


	<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	 <title>10之后注册</title>

	 <script src="jquery-1.3.2.min.js" type="text/javascript"></script>

	 <script type="text/javascript" language="javascript">
	 var leftSeconds = 10;//倒计时时间10秒
	 var intervalId;
	 $(function () {
	 $("#btn_reg").attr("disabled", true);//设置按钮不可用
	 intervalId = setInterval("CountDown()",1000);//调用倒计时的方法
	 });
	 function CountDown() {//倒计时方法
	 if (leftSeconds <= 0) {
	 $("#btn_reg").val("注册"); //当时间<=0的时候改变按钮的value
	 $("#btn_reg").attr("disabled",false);//如果时间<=0的时候按钮可用
	 clearInterval(intervalId); //取消由 setInterval() 设置的 timeout
	 return;
	 }
	 leftSeconds--;
	 $("#btn_reg").val("请仔细阅读"+leftSeconds+"秒");
	 }
	 </script>

	</head>
	<body>
	 <textarea cols="20" rows="8">10秒之后注册按钮才可以使用</textarea>
	 <input type="button" value="注册" id="btn_reg" />
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　倒计时　

同语言下

可能有用的

鑫炫贡献的其它代码(18)