一个倒数效果

boystone 2008-04-15 11:48:44
在阅读注册条款时,在确定button上,怎么做成倒数后多少秒激活。
...全文
137 点赞 收藏 9
写回复
9 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
ClintNorthwood 2008-04-15
这个问题应该发到JavaScript版
<html>
<head>
<title></title>
<SCRIPT language=javascript>
<!--
var secs = 10;
document.form1.mybutton.value = "请稍等 (" + secs +" 秒后继续)";

function update(num) {
if(num == secs) {
document.form1.mybutton.value =" 我 同 意 ";
document.form1.mybutton.disabled=false;
}
else {
printnr = secs-num;
document.form1.mybutton.value = "请稍等 (" + printnr +" 秒后继续)";
}
}

function Go()
{
document.form1.mybutton.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
}
-->
</SCRIPT>
</head>
<body onload="Go()">
<form name="form1">
<input type="button" name="mybutton" value="请稍等 (10秒后继续)">
</form>
</body>
</html>
回复
boystone 2008-04-15
怎么接上button呢。
回复
剑心永远OK 2008-04-15
如果不要效果的话,可以这样

<meta http-equiv="refresh" content="2;URL=http://www.test.net">
回复
剑心永远OK 2008-04-15
这个用js来做的..
回复
foolbirdflyfirst 2008-04-15
<html>
<head>
</head>
<body>
<input type="button" name="btn" id="btn" value="" style="width:100px" disabled >
</body>
<script type="text/javascript">
var i = 10;
var s = 1000;
(function countDown()
{
var btn = document.getElementById('btn');
if(i != 1)
{
btn.value="click("+i+")";
i--;
}
else
{
btn.value="click";
btn.disabled = false;
return;
}
setTimeout(function(){countDown()},s);//

})();
</script>
</html>
回复
overtake1984 2008-04-15
2楼的是2秒自动跳转~
回复
jlokys 2008-04-15
<div id="rule_button"></div>

<script type="text/javascript">
var secs = 9;
var wait = secs * 1000;

document.getElementById("rule_button").innerHTML = "条款 (" + secs + ")";
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.getElementById("rule_button").innerHTML = "条款";
} else {
printnr = (wait / 1000) - num;
document.getElementById("rule_button").innerHTML = "条款(" + printnr + ")";
}
}
function timer() {
document.getElementById("rule_button").innerHTML = '<button type="submit" id="rulesubmit" name="rulesubmit" value="true">同意</button>   <button type="button" onclick="location.href=\'$boardurl\'">反对</button>';
}
</script>
回复
银熊 2008-04-15
倒数计时的
回复
SysTem128 2008-04-15
[JavaScript]计数器(倒数)
http://blog.csdn.net/SysTem128/archive/2008/04/15/2293526.aspx

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
/**
* 计数器(倒数)
* @author MoXie SysTem128@GMail.Com
*
* IE6,7 Firefox2.0 Opera 9.25 测试通过
**/
var timer = {
// 元素id
elId : null,
// outTime : null,
// 初始文本
text : null,
// 技术文本格式
countFormat : null,
// 当前数
current : 0,
// 获取操作对象
getEl : function(){
return document.getElementById(this.elId);
},
// 计数
counter : function(){
this.current--;
if (this.current>0){
this.writer(1);
}else if (this.current == 0){
this.writer(0);
this.onEnd();
}
return true;
},
// 显示
writer : function(isCount){
var el = this.getEl();
if (!isCount)
{
el.value = this.text;
}else{
var counterText = this.countFormat.replace("$count",this.current);
el.value = this.text+counterText;
}
},
// 起始时触发的动作
onStart : function(){},
// 中止时触发的动作
onEnd : function(){},
// 初始化
/**
* elId 元素id
* text 初始文本
* outTime 个数
* speed 速度 1000 = 1秒
* countFormat 计数显示格式 嵌入数字使用 $count
* onStart 起始 动作
* onEnd 结束 动作
**/
init : function(elId,text,outTime,speed,countFormat,onStart,onEnd)
{
this.elId = elId;
this.text = text;
this.current = outTime+1;
this.countFormat = countFormat;
if (typeof(onStart) == "function")
{
this.onStart = onStart;
onStart();
}
if (typeof(onEnd) == "function")
{
this.onEnd = onEnd;
}
window.setInterval("timer.counter()",speed);
}
}

// 这里留为自定义
var myStart = function(){
var el =document.getElementById("submitBtn").setAttribute("disabled",true);
alert("Hello!");
}
var myEnd = function(){
document.getElementById("submitBtn").removeAttribute("disabled")
alert("Goodbye!");
}
</script>
<input type="submit" id="submitBtn" value="确认" />
<script type="text/javascript">
/**
* elId 元素id
* text 初始文本
* outTime 个数
* speed 速度 1000 = 1秒
* countFormat 计数显示格式 嵌入数字使用 $count
* onStart 起始 动作
* onEnd 结束 动作
**/
timer.init("submitBtn","确认",2,500,"($count)",myStart,myEnd);
</script>
回复
相关推荐
发帖
基础编程
创建于2007-09-28

2.1w+

社区成员

从PHP安装配置,PHP入门,PHP基础到PHP应用
申请成为版主
帖子事件
创建了帖子
2008-04-15 11:48
社区公告
暂无公告