很常用的倒计时脚本，可任意设置时…

来源：互联网发布：阿里云推送消息获取编辑：程序博客网时间：2024/06/14 16:26

常用：没有毫秒

<pclass="tr18"><spanid="times"></span></p>

<SCRIPTLANGUAGE="JavaScript">

function fresh()

{

var endtime=new Date("2012/1/1,21:00:00");

var nowtime = new Date();

varleftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);

d=parseInt(leftsecond/3600/24);

h=parseInt((leftsecond/3600)$);

m=parseInt((leftsecond/60)`);

s=parseInt(leftsecond`);

// document.getElementByIdx_x_x("times").innerHTML=h+"小时"+m+"分"+s+"秒";

document.getElementByIdx_x_x("times").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒";

if(leftsecond<=0){

document.getElementByIdx_x_x("times").innerHTML="秒杀时间已结束";

clearInterval(sh);

}

fresh()

var sh;

sh=setInterval(fresh,1000);

</SCRIPT>

常用：有毫秒

<scriptlanguage=javascript>

<!--

//document.write("");

function show_date_time(){

window.setTimeout("show_date_time()",1);

BirthDay=newDate("2011/12/30,21:00:00");//设置日期

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);

e_seconds = (e_minsold-minsold)*60;

seconds=Math.floor((e_minsold-minsold)*60);

ms = e_seconds-seconds;

ms = new String(ms)

ms = ms.substr(2,3);

document.getElementByIdx_x("span_a").innerHTML="<b><align=center><fontcolor=00CC00>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+ms+"毫秒</b><br></font>";

}

show_date_time();

//-->

</script>

样式一：

样式二：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>限时抢购倒计时间表 by 阿里西西alixixi.com</title>
<style type="text/css">
*{margin:0;padding:0;}
#content{width:300px;margin:0auto;padding:10px;background:#eee;border:1px solid #999;}
#content p span{color:red;font:bold 20px Arial;}
#content p a{font:12px/23px '宋体';color:#888;}
.div1{ display:none;}
</style>
</head>
<body><divid="content">
<h1>限时抢购啦！</h1>
<p>还剩<spanid="times"></span></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
       var endtime=new Date("2110/11/06,12:20:12");
       var nowtime = new Date();
       varleftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
       d=parseInt(leftsecond/3600/24);
       h=parseInt((leftsecond/3600)$);
       m=parseInt((leftsecond/60)`);
       s=parseInt(leftsecond`);

//       document.getElementByIdx_x_x_x_x_x_x("times").innerHTML=__h+"小时"+__m+"分"+__s+"秒";
document.getElementByIdx_x_x_x_x_x("times").innerHTML=d+"天"+h+"小时"+m+"分"+s+"秒";
       if(leftsecond<=0){
       document.getElementByIdx_x_x_x_x_x_x("times").innerHTML="抢购已结束";
       clearInterval(sh);
       }
}
fresh()
var sh;
sh=setInterval(fresh,1000);
</SCRIPT>
</body>
</html>

样式三：

距离北京奥运会开幕还有
<br>
<html>
<head>
<title>倒计时测试</title>

<script language="JavaScript">

</script>
</head>

<body onload="clock();return true"text="red">

<form name="formnow">
<input name="dd" type="text" style="border:0;"size=2>
天
<input name="hh" type="text" style="border:0;"size=2>
小时
<input name="mm" type="text" style="border:0;"size=2>
分
<input name="ss" type="text" style="border:0;"size=2>
秒
</form>
</font>

0 0