当前位置:首页 » 网络教程 » 正文

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

277 人参与  2018年04月10日 18:36  分类 : 网络教程  评论

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

51.png

代码分享:

<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>


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

来源:皇族网(微信公众号:新皇族网),转载请保留出处和链接!

本文链接:https://huangzuw.com/post/238.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

© 2017 皇族网版权所有粤ICP备17025864号-2

Top

分享:

支付宝

微信