一个倒数效果

boystone 2008-04-15 11:48:44

在阅读注册条款时，在确定button上，怎么做成倒数后多少秒激活。

...全文

137 点赞收藏 9

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

ClintNorthwood 2008-04-15

这个问题应该发到JavaScript版
<html>
<head>
<title></title>
<SCRIPT language=javascript>

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