<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>實時倒計時</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body οnlοad="Load()">
<!-- 一些倒計時的方法，附上代碼，自己理解消化 -->
<!-- 方法一： -->
<script type="text/javascript">
function Load(){
var dateTime=new Date();
var strEndDate="2012/5/20";
var endDate=new Date(strEndDate);
var num=endDate.getTime()-dateTime.getTime();
var miao=parseInt(num/1000%60);
var fen=parseInt(num/1000/60%60);
var shi=parseInt(num/1000/60/60%24);
var tian=parseInt(num/1000/60/60/24);
document.getElementById("djs").innerHTML=tian+"天"+shi+"時"+fen+"分"+miao+"秒";
setTimeout(Load,1000);
}
</script>
<center>倒計時：<font id="djs"></font></center>
<!-- 方法二： -->
<center>剩餘時間：<span id="endtime">10</span></center>
<script type="text/javascript">
var CID = "endtime";
if(window.CID != null)
{
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond;
var sDay="",sHour="",sMinute="",sSecond="",sTime="";
if (iTime >= 0)
{
iDay = parseInt(iTime/24/3600);
if (iDay > 0)
{
sDay = iDay + "天";
}
iHour = parseInt((iTime/3600)%24);
if (iHour > 0){
sHour = iHour + "小時";
}
iMinute = parseInt((iTime/60)%60);
if (iMinute > 0){
sMinute = iMinute + "分鐘";
}
iSecond = parseInt(iTime%60);
if (iSecond >= 0){
sSecond = iSecond + "秒";
}
if ((sDay=="")&&(sHour=="")){
sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
}
else
{
sTime=sDay+sHour+sMinute+sSecond;
}
if(iTime==0){
clearTimeout(Account);
sTime="<span style='color:green'>時間到了！</span>";
}
else
{
Account = setTimeout("RemainTime()",1000);
}
iTime=iTime-1;
}
else
{
sTime="<span style='color:red'>倒計時結束！</span>";
}
document.getElementById(CID).innerHTML = sTime;
}
</script>
<!-- 方法三： -->
<center><div id="time">顯示倒計時</div></center>
<script type="text/javascript">
var time=<%=5%>;
var t = setInterval("f1()", 1000);
function f1()
{
document.all("time").innerHTML="剩餘："+time+"秒";
time--;
if(time<0)
{
clearInterval(t);
}
}
</script>
<!-- 方法四 -->
<center><input type="button" οnclick="qq()" id="btn" value="確定"></center>
<script language="JavaScript">
function qq(){
//提交操作
var btn = document.getElementById("btn")
btn.disabled=true
c(5)
}
function c(i){
var btn = document.getElementById("btn")
i--;
if(i==0){
btn.value = "確定"
btn.disabled=false
}
else{
btn.value = "確定("+i+")"
setTimeout("c("+i+")",1000) //setTimeout()函數
}
}
</script>
</body>
</html>javascript的一些倒計時函數
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
由淺入深在實踐中玩轉Zabbix，解決剩下20%的監控需求！
本文整理自Zabbix中級認證專家李銘栓（滿分學員）在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題，剩下的20%如何實現？這裏有答案！ 幾點經驗分享： 1