html页面的倒计时代码。。。。急求!!!!

html页面的倒计时代码,要求:倒计时归零后自动停止在0天0小时0分0秒。
倒计时完成后显示文字:“倒计时已结束”

<body>
<div id="timer"></div>
<script type="text/javascript" language="javascript">
var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒,月要减去1
(function daoJiShi()
{
var now=new Date();
var oft=Math.round((endDate-now)/1000);
var ofd=parseInt(oft/3600/24);
var ofh=parseInt((oft%(3600*24))/3600);
var ofm=parseInt((oft%3600)/60);
var ofs=oft%60;
document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒';
if(ofs<0){document.getElementById('timer').innerHTML='倒计时结束!';return;};
setTimeout('daoJiShi()',1000);
}());

</script>
</body>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-03-15
<br>倒计时已结束<br>
<span id="span_dt_dt" style='border:1px solid black;background-color:#FFFFFF' ></span>
<SCRIPT language=javascript>
<!--
//document.write("");
function show_time(){
window.setTimeout("show_time()", 1000);
BirthDay=new Date("00-00-0000");//改成你的计时日期
today=new Date();
timeold=(BirthDay.getTime()-today.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_time();
//-->
</SCRIPT>
修改成需要的时间段,直接嵌入就可以。本回答被网友采纳
第2个回答  2018-04-04
AVA使用步骤:
1、将源代码直接另存为html
2、只能用IE浏览器打开。如果默认浏览器不是IE。可以右键点击Html文件,选择用IE打开
3、如果提示是否同意运行activex插件。请选择允许阻止的内容即可。
4、窗口化游戏模式下,切换游戏画面和计时网页 较为方便。请用 atl+tab键或win键 尝试切换
5、游戏每局第一回合倒计时2分30秒时,开始计时。
源代码如下:
<html>
<head>
<title>网页版倒计时</title>
<script type="text/javascript">
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
document.getElementById('ConsumeTime_min').value=ConsumeTime_minute
document.getElementById('ConsumeTime_sec').value=ConsumeTime_second
var TheResetTimeOfCountDown_minute=Math.floor((600-ttime)/60)
var TheResetTimeOfCountDown_second=(600-ttime) % 60
document.getElementById('ResetTime_min').value=TheResetTimeOfCountDown_minute
document.getElementById('ResetTime_sec').value=TheResetTimeOfCountDown_second
var TextContent
if(ConsumeTime_minute>=10){TextContent="游戏已进行10分钟了,达到抽奖条件,请快点结束吧"}
else{TextContent="游戏已进行"+ConsumeTime_minute+"分"+ConsumeTime_second+"秒,距抽奖时间"+TheResetTimeOfCountDown_minute+"分"+TheResetTimeOfCountDown_second+"秒"}
var TextField=document.getElementById('txt')
TextField.value=TextContent
window.clipboardData.setData("text",TextField.createTextRange().text)
t=setTimeout("timedCount("+StartScriptTime+")",1000)
if (ConsumeTime_minute>=10){stopCount();}}
function stopCount()
{document.getElementById('txt').value=600
clearTimeout(t)}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时!" onClick="timedCount(Date.parse(new Date()))">  
<input type="text" id="txt" value="600" size="35" >
<p>
<input type="button" value="停止计时!" onClick="stopCount()">
<!-- input type="text" onkeydown="return noNumbers(event)" / -->
</p>
<a>游戏已进行</a>
<input type="text" id="ConsumeTime_min" size="3"><a>分</a>
<input type="text" id="ConsumeTime_sec" size="3"><a>秒</a>
<br/><a>距抽奖时间</a>
<input type="text" id="ResetTime_min" size="3" ><a>分</a>
<input type="text" id="ResetTime_sec" size="3" ><a>秒</a>
</form>
<p>
请点击上面的“开始计时”按钮。输入框会从 600 开始一直进行倒计时。点击“停止计时”可停止计时。
</p>
</body>
</html>

相似回答