自己可能用的上的3个JS（网络搜集）-优快云博客

1、提交按钮的倒计时效果
[code]<FORM name=bbrules action= method=post>
<INPUT style="HEIGHT: 23px" type=submit value="同意" name=rulesubmit>
<INPUT style="HEIGHT: 23px" οnclick=javascript:history.go(-2); type=button value=不同意 name=return>
</FORM></CENTER>
<SCRIPT language=javascript>
var secs = 9;
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>[/code]
2、倒计时效果
[code]<script>
var Time = 5;
var h,m,s;
var t = setInterval("e()",1000);
function e()
{ Time -= 1;
h = Math.floor(Time/3600);
m = Math.floor((Time-h*3600)/60);
s = Time-m*60;

if (Time==0) {clearInterval(t);}
time.innerText =s;
}
</script>
<span id=time></span>[/code]
更具体一点的在：[url]http://www.hubro.net/item/539/[/url]
3、回复后自动跳转
[code]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>回复成功</title>
<script type="text/javascript" language="javascript" >
window.onload = initCountDownRedirector;
function initCountDownRedirector(){
var x = document.getElementById("TimeCountNum");
if(!x) return;
var t = x.innerHTML;
window.setTimeout("countDownRedirector()",1000);
}
function countDownRedirector(){
var x = document.getElementById("TimeCountNum");
if(!x) return;
var t = x.innerHTML;
if(t > 0 ){
t--;
x.innerHTML = t;
window.setTimeout("countDownRedirector()",1000);
}else{
window.location = x.title;
}
}
</script>
</head>
<body>
您的回复已发表，<span id="TimeCountNum" class="B" title="/showThread.htm">3</span>
秒钟后自动返回...
</body>
</html>[/code]