`
mathsfan
  • 浏览: 567950 次
  • 性别: Icon_minigender_1
  • 来自: 浙江省杭州市
社区版块
存档分类
最新评论

自己可能用的上的3个JS(网络搜集)

    博客分类:
  • js
阅读更多
1、提交按钮的倒计时效果
<FORM name=bbrules action= method=post>
<INPUT style="HEIGHT: 23px" type=submit value="同 意" name=rulesubmit> 
<INPUT style="HEIGHT: 23px" onclick=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>

2、倒计时效果
<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>

更具体一点的在:http://www.hubro.net/item/539/
3、回复后自动跳转
<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>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics