js倒计时
2015-06-05 15:05
671 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery.js"></script>
<script type="text/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>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery.js"></script>
<script type="text/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>
相关文章推荐
- Jsoncpp库的一个bug
- js数组
- javascript数组浅析
- javascript 返回数组中不重复的元素
- JS高级群的日常
- 彻底理解Javascript原型继承
- JS 枚举相关方法
- 一个简单的JSP测试页面
- 《JavaScript高级程序设计》——笔记(1)
- 拥抱原型面向对象编程JavaScript
- 纯JS实现网页中自定义字体
- javascript客户端检测技术
- JavaScript实现图片上标记多点区域
- JS中Math之random,round,ceil,floor的用法总结
- js防止事件冒泡和默认事件
- 踩的一个小坑——JavaScript刷新页面
- js判断指定函数、变量是否存在的方法
- js+html5实现canvas绘制圆形图案的方法
- js+html5实现canvas绘制简单矩形的方法
- js+html5通过canvas指定开始和结束点绘制线条的方法