javascript 案例:十秒钟后协议文本框下的注册按钮才能点击,时钟倒数
2012-12-19 16:43
519 查看
1.注册按钮初始状态为不可用,disabled
2.启动定时器,setInterval,1秒钟运行一次CountDown方法,设定一个初始值为10的全局变量,
在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒))。
3.直到全局变量的值<=0,就让注册按钮可用,将按钮的文本设置为"同意!"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var MyCount = 10;
var intervalID;
function CountDown() {
var btnReg = document.getElementById("btnReg");
if (btnReg) {//此处要加上btnReg是否为空的判断,因为有可能网速很慢,setInterval后,btnReg按钮还没加载
if (MyCount <= 0) {
btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
btnReg.value = "同意";
clearInterval(intervalID); //清除定时器
}
else {
btnReg.value = "请仔细阅读协议(还剩" + MyCount + "秒)";
MyCount--;
}
}
}
intervalID=setInterval("CountDown()", 1000);
</script>
</head>
<body>
<textarea>请同意本站的协议</textarea><br />
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>
2.启动定时器,setInterval,1秒钟运行一次CountDown方法,设定一个初始值为10的全局变量,
在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒))。
3.直到全局变量的值<=0,就让注册按钮可用,将按钮的文本设置为"同意!"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var MyCount = 10;
var intervalID;
function CountDown() {
var btnReg = document.getElementById("btnReg");
if (btnReg) {//此处要加上btnReg是否为空的判断,因为有可能网速很慢,setInterval后,btnReg按钮还没加载
if (MyCount <= 0) {
btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
btnReg.value = "同意";
clearInterval(intervalID); //清除定时器
}
else {
btnReg.value = "请仔细阅读协议(还剩" + MyCount + "秒)";
MyCount--;
}
}
}
intervalID=setInterval("CountDown()", 1000);
</script>
</head>
<body>
<textarea>请同意本站的协议</textarea><br />
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>
相关文章推荐
- a671 jsp 注册时同意协议才能点击注册按钮功能及样式控制 简单例子
- javascript实现十秒钟后注册按钮可点击的方法
- javascript实现十秒钟后注册按钮可点击的方法
- 复选框选中 按钮才有效果(场景:注册页面 同意XX协议勾选上才能点击注册按钮)
- javascript点击按钮,增加文本框和按钮
- Javascript: 当点击submit提交按钮时将文本框中的信息添加到下面得表单中
- 按钮倒数10秒之后才能点击
- JavaScript复习--阅读协议条款时(注册/确定)按钮10秒倒计时
- javascript 案例,显示一些按钮,如果点击了,当前点击的按钮文本变为“点了”,其他按钮文本变为“没点”
- 使用定时器限制点击按钮发送短信(附源码)--JavaScript小案例
- javascript点击按钮,增加文本框
- JavaScript复习--阅读协议条款时(注册/确定)按钮10秒倒计时
- /*设计一个鼠标点击速度比赛游戏。 *(1)显示一个按钮和文本框。 *(2)文本框显示鼠标点击次数*/ import javax.swing.*;//引用 import java.awt.*; i
- JavaScript实现点击(按钮)实现添加css样式
- JavaScript实现点击按钮切换网页背景色的方法
- javascript 设置点击按钮的时间间隔
- 让按钮倒计时10秒以后才能点击提交
- javascript点击按钮实现隐藏显示切换效果
- Protocol协议 按钮点击
- jquery实现<body>中点击按钮后,在<tbody>中显示一连串文本框