网络教程:分享一个html中按钮倒计时后才能使用功能!

皇族网 629 0

倒计时器是由单片机为核心的器件组成的一个倒计时系统。系统显示器是由7位数字型数码管组成,分别显示时间值的分、秒和0.1秒,它能够通过小键盘阵列设定倒计时时间。当倒计时到,才能使用及提示。

代码分享:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>此页面由皇族网提供</title>
</head>
<body>
<form style="text-align: center;margin-top: 100px;" id="form1" name="form1" method="post" action="">
<input  type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var speed = 1000; //速度
var wait = 10; //停留时间
function updateinfo(){
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
}
else{
document.form1.Submit.value = "请等待"+wait;
wait--;
window.setTimeout("updateinfo()",speed);
}
}
updateinfo();
</script>
</body>
</html>


提示:以上代码需要有前端基础的人才能使用,如小白,请联系皇族网管理员帮你插入

标签: 网络教程 知识普及 建站技巧 语言编程 WEB前端 Discuz论坛

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~