HTML中的应用问题

陈行

本帖最后由自由の风于 2013-10-27 16:35 编辑

在html页中做一个协议同意页面（就是某个网站注册前给用户看的那个协议条框），怎么能做到N秒后才能点击同意呢？就是同意上有个倒数计时(比如10秒)，10秒过后点击同意按钮才会生效

〆、单曲循环 · 〆、单曲循环

disabled="disabled" 将按钮设置为不可用状态用setinterval 计时器计时计时结束将disabled属性改为空

吴彤辉 · 吴彤辉

这是等待六秒后的

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
</head>
<body>
<form name="bbrules">
<input type="submit" name="rulesubmit" style="height: 23px;" value="同意" />
</form>
<script language="javascript">
<!--
//此段JS必须放在表单下面
var secs = 2;
var wait = secs * 1000;
document.bbrules.rulesubmit.value = "同意(" + secs + ")";
document.bbrules.rulesubmit.disabled = true;
for (i = 1; i <= secs; i++)
{
window.setTimeout("update(" + i + ")", i*1000);
}
window.setTimeout("timer()", wait);
function update(num, value)
{
if (num == (wait/1000))
{
document.bbrules.rulesubmit.value = "同意";
}
else
{
printnr = (wait/1000) - num;
document.bbrules.rulesubmit.value = "同意(" + printnr + ")";
}
}
function timer()
{
document.bbrules.rulesubmit.disabled = false;
document.bbrules.rulesubmit.value = "同意";
}
-->
</script>
</body>
</html>

复制代码

夢醒了⊙﹏⊙b心 · 夢醒了⊙﹏⊙b心

不知道喽主要做成什么样子  假如要把效果做得好看些可以这个样子
首先书写html标签button  然后再button中嵌套一个<input type="image"/>和一个span标签并设置好相应的css 在这里提醒楼主设置按钮disabled
书写js或者jquery控制按钮以及image和span 首先在页面开始的时候触发一个延迟改变背景的事件将背景换成比较暗一点的颜色然后将span数字改为10 并且这个数字呈递减状态用在每隔一秒后用setinterval调用这个方法再写一个判断方法  假如数字等于一以后首先将setintervalclose掉然后将按钮改为可用状态  祝您成功

追溯客 · 追溯客

如问题得到解决,请及时修改为"以解决",黑马有你更精彩!

帐号		自动登录	找回密码
密码			加入黑马

HTML中的应用问题

评分

4 个回复

评分

评分

评分