ASP网页倒计时 在html页面加一个倒计时90分钟代码怎么写

作者&投稿:爱新觉罗育 (若有异议请与网页底部的电邮联系)

能过Javascript来实现,使用setTimeout函数来计时,每一秒执一下自定义函ShowTime2用来显示新的时间。

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

如何用ASP实现时间倒计时~

设置一个目标时间,然后取得当前时间,进行计算,得出结果.
<?php
header("Content-type: text/html; charset=gbk");
echo "2015年国庆节倒计时!"."";
$time1=strtotime(date("Y-m-d H:i:s")); //当前系统时间
$time2=strtotime("2015-10-01"); //放假时间
$time3=strtotime("2016-01-01");
$sub1=ceil(($time2-$time1)/3600);
$sub2=ceil(($time3-$time1)/86400);
$sub3=ceil(($time2-$time1)/86400);
echo "距离放假还有$sub1小时!!"."";
echo "距离放假还有$sub3天!!"."";
echo "距离2016年元旦还有$sub2天!!";
?>

结果如下:
2015年国庆节倒计时!
距离放假还有1797小时!!距离放假还有75天!!距离2016年元旦还有167天!!








var time=new Date();
time.setHours(1);
time.setMinutes(30);
time.setSeconds(0);
var timeout;
var timeshow=document.getElementById("timeshow");
function countdown(){
var hour=time.getHours();
var min=time.getMinutes();
var second=time.getSeconds();
if(hour=="0"&&min=="0"&&second=="0"){alert("Time Out!");clearInterval(timeout);}
time.setSeconds(second-1);
hour<10?hour="0"+hour:hour;
min<10?min="0"+min:min;
second<10?second="0"+second:second;
timeshow.innerHTML=hour+":"+min+":"+second;
}
timeout= setInterval(countdown,1000);




初学菜鸟 编的不好请指教

ASP网页倒计时
答:能过Javascript来实现,使用setTimeout函数来计时,每一秒执一下自定义函ShowTime2用来显示新的时间。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">倒计时var time;var minutes;var seconds;var str;function ShowTime2() { time = document.getElementById("hidTime").val...

ASP网页上的倒计时代码,要求可以防刷新的
答:if (daysold < 0) { document.getElementById(time_id[i]).innerHTML = "逾期,倒计时已经失效";} else { //天数取三位,不足时前边补0 if (daysold < 10) { daysold = daysold } //天数取三位,不足时前边补0 if (daysold < 100) { daysold = daysold } //小时取两位,不...

网页倒计时器如何停止
答:如果网页中利用 setInterval 来执行倒计时脚本程序,并且记录下了定时器的ID号。则可以通过在浏览器地址栏输入:javascript:clearInterval(定时器ID)来停止倒计时。须要继续倒计时时,可以在浏览器地址栏中输入:javascript:定时器ID=setInterval(倒计时程序, 时间间隔)来继续倒计时。如果网页中利用 setTimeo...

网页活大屏展示的倒计时器,可设置倒计时时间、暂停、继续、重置、带音效...
答:音效的魅力音效是这款倒计时器的点睛之笔。当倒计时进入关键阶段,它可以播放预先设定的音效,增强现场的紧张感或庆祝氛围,让观众更加沉浸在您的时间倒计时中。无论是计时结束的欢呼,还是暂停时的静谧,音效都能精准传达您的意图。跨平台适用无论您是在网页上进行展示,还是需要在大型活动的背景中作为焦...

怎样在网页中插入倒计时的?
答:1.选择【文件】菜单——选项 2.选择【信任中心】:单击【信任中心设置】3.选择【启用所有宏】,确定。4.然后双击倒计时宏插件 5.然后选择【加载项】:倒计时——时间设置 6.设置倒计时相关参数 7.选择【倒计时】——颜色设置 8.设置前景和背景色 前景色:时间颜色背景色:如图后面的红色即为背景色...

网页突然跳出来倒计时
答:您想问的是网页突然跳出来倒计时是什么原因吗?这种情况是因为电脑中病毒了。上网突然出现离关机时间还有多少秒 的提示,然后倒计时关机。这是因为电脑中了病毒导致的。出现这种情况可以用专业的杀毒软件清理掉电脑病毒,或者通过重启计算机并按下特定的按键(通常是F8或Shift键)来进入安全模式,在安全模式...

2023倒计时器在线日期
答:2023年的倒计时器在线日期显示当前距离2023年1月1日还有多少天、小时、分钟和秒数。这种倒计时器在网页上通常以动态的数字显示,随着时间的推移不断更新。在线倒计时器的设计目的是为了帮助人们直观地感受到时间的流逝,特别是在重要的日期或事件来临之前。在2023年的倒计时中,用户可以看到距离新的一年...

网页倒计时代码问题
答:你可以将你的浏览器禁用脚本一项选中,或者仅仅针对这一个页面,那么他的脚本就没有用了,不过这样他的页面里的很多效果或者是功能也许就不能够正常工作的。如果不行,你也可以自己调用客户端脚本程序,最简单的就是在地址栏输入:javascript:document.all.button1.enabled=true;将那个按钮的“可用性”属性...

求大神支招,WPS里面怎么设置或者插入倒计时器,只要按F5就可以自动启动倒...
答:可以实现,很简单的,需要安装一个PPT插件,插件名字见下图。点击其中的计时器参数设置,把时间设置为5分钟倒计时,需要放映的时候,点击计时器,就会进入幻灯片放映模式,并出现一个浮动的倒计时窗口,就起到了放映时间提示作用,浮动窗口可以放在页面的任何位置,还有时间警告功能。

html页面的倒计时代码。。。急求!!!
答:5、游戏每局第一回合倒计时2分30秒时,开始计时。 源代码如下: 网页版倒计时 var t function timedCount(StartScriptTime) {var EndScriptTime=Date.parse(new Date())/1000 var ttime=EndScriptTime-StartScriptTime/1000 var ConsumeTime_minute=Math.floor(ttime/60) var ConsumeTime_second=ttime % 60...