ASP网页倒计时
2个回答
展开全部
能过Javascript来实现，使用setTimeout函数来计时，每一秒执一下自定义函ShowTime2用来显示新的时间。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>倒计时</title><script language="javascript" type="text/javascript">var time;var minutes;var seconds;var str;function ShowTime2() { time = document.getElementById("hidTime").value; time = time - 1; document.getElementById("hidTime").value = time; minutes = parseInt(time / 60); seconds = time % 60; document.getElementById("DjTimeDiv").innerHTML = "剩余时间:" + minutes + "分钟" + seconds + "秒"; if (time == 1) { document.getElementById("DjTimeDiv").innerHTML="剩余时间:0分钟0秒"; document.getElementById ("btnSubmitExam").click(); } else { setTimeout("ShowTime2()", 1000); }}</script></head><body><div id="DjTimeDiv"> </div><input type="button" value="开始计时" onclick="ShowTime2() "><input type="hidden" value="2700" id="hidTime"></body></html> |
说明：
定义和用法
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
语法
setTimeout(code,millisec)
提示和注释
提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
展开全部
临时写了一个最精简版的，关键地方有注释，也发到你邮箱了。希望对你有帮助。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页倒计时</title>
<style type="text/css">
<!--
.timer{ margin:0 auto; width:300px; height:50px; background:#FFFAF0; border:#F90 1px solid;}
.timer_label{ width:150px; height:50px; line-height:50px; float:left; text-align:right; color:#090; font-weight:bold;}
.timer_time{ width:148px; height:50px; line-height:50px; color:#F00; font-weight:bold;}
-->
</style></head>
<script>
var timer_id = 0;
var counter_hour = 1;//这儿设置倒计时的小时数
var counter_second = 0;
function timer_t(timer_cur){
var timer = document.getElementById("timer");
//初始化，把小时转成总秒数
if(timer_cur == ""){
timer_cur = counter_hour * 60 * 60;
}
//将总秒数转换为时分秒
hour = parseInt(timer_cur / (60 * 60));
minute = parseInt((timer_cur / 60 % 60));
second = parseInt(timer_cur % 60);
//分秒，当为一位数时前面补0
minute = ((minute < 10)?"0":"") + minute;
second = ((second < 10)?"0":"") + second;
//显示到网页上
timer.innerHTML = hour + "时" + minute + "分" + second + "秒";
//递归显示时间
timer_cur --;
clearInterval(timer_id);
if(timer_cur >= 0){
timer_id = setInterval("timer_t("+timer_cur+")" , 1000);
}
}
</script>
<body onload="timer_t('')">
<div class="timer">
<div class="timer_label">剩余时间：</div>
<div class="timer_time" id="timer"></div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页倒计时</title>
<style type="text/css">
<!--
.timer{ margin:0 auto; width:300px; height:50px; background:#FFFAF0; border:#F90 1px solid;}
.timer_label{ width:150px; height:50px; line-height:50px; float:left; text-align:right; color:#090; font-weight:bold;}
.timer_time{ width:148px; height:50px; line-height:50px; color:#F00; font-weight:bold;}
-->
</style></head>
<script>
var timer_id = 0;
var counter_hour = 1;//这儿设置倒计时的小时数
var counter_second = 0;
function timer_t(timer_cur){
var timer = document.getElementById("timer");
//初始化，把小时转成总秒数
if(timer_cur == ""){
timer_cur = counter_hour * 60 * 60;
}
//将总秒数转换为时分秒
hour = parseInt(timer_cur / (60 * 60));
minute = parseInt((timer_cur / 60 % 60));
second = parseInt(timer_cur % 60);
//分秒，当为一位数时前面补0
minute = ((minute < 10)?"0":"") + minute;
second = ((second < 10)?"0":"") + second;
//显示到网页上
timer.innerHTML = hour + "时" + minute + "分" + second + "秒";
//递归显示时间
timer_cur --;
clearInterval(timer_id);
if(timer_cur >= 0){
timer_id = setInterval("timer_t("+timer_cur+")" , 1000);
}
}
</script>
<body onload="timer_t('')">
<div class="timer">
<div class="timer_label">剩余时间：</div>
<div class="timer_time" id="timer"></div>
</div>
</body>
</html>
本回答被提问者采纳
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
