js实现用户注册协议倒计时的方法
程序员文章站
2022-04-18 12:34:06
...
这篇文章主要介绍了js实现用户注册协议倒计时的方法,是开发会员注册功能时非常实用的技巧,需要的朋友可以参考下
本文实例讲述了js实现用户注册协议倒计时的方法。分享给大家供大家参考。具体实现方法如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>注册</title>
<script type="text/javascript">
//用户有十秒钟的时间看协议，超过十秒钟，“同意”按钮将生效
var Seconds = 10;
//计时器ID
var setIntervalID;
function ok() {
var getid = document.getElementById("but");
if (Seconds <= 0) {
getid.value="同意";
getid.disabled = false; //或者写成getid.disabled=""; 启用getid控件。
//停止计时器
clearInterval(setIntervalID);
}
else {
getid.value = "请仔细阅读协议还剩下【" + Seconds + "】秒";
}
Seconds--;
}
setIntervalID=setInterval("ok()", 1000);
</script>
</head>
<body>
<textarea cols="20" rows="8"></textarea><br />
<!--disabled="disabled" 默认submit表单是禁用的，也就是只读的，不能点击-->
<input type="submit" id ="but" value="同意" disabled="disabled" />
</body>
</html>
以上就是本章的全部内容，希望对大家的javascript程序设计有所帮助，更多相关教程请访问JavaScript视频教程！