很常用的倒计时脚本,可任意设置时…
2016-06-02 13:00
274 查看
常用:没有毫秒
<p
class="tr18"><span
id="times"></span></p>
<SCRIPT
LANGUAGE="JavaScript">
function fresh()
{
var endtime=new Date("2012/1/1,21:00:00");
var nowtime = new Date();
var
leftsecond=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>
常用:有毫秒
<script
language=javascript>
<!--
//document.write("");
function show_date_time(){
window.setTimeout("show_date_time()",
1);
BirthDay=new
Date("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><font
color=00CC00>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+ms+"毫秒</b><br></font>";
}
show_date_time();
//-->
</script>
<span id="span_a"
></span>
样式一:
<script language=JavaScript>
var now = new Date();
function GetServerTime()
{
var urodz = new Date("6/5/2011 23:59:59");
now.setTime(now.getTime()+250);
days = (urodz - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 *
hoursRound);
minutesRound = Math.floor(minutes);
seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 *
60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
document.getElementByIdx_x_x_x_x("date").innerHTML = daysRound;
document.getElementByIdx_x_x_x_x("time").innerHTML = hoursRound + "小时"
+ minutesRound + "分" + secondsRound + "秒";
}
setInterval("GetServerTime()",250);
</script><span></span><span
id="date"></span><span
class="t14r">天</span><span
id="time"></span>
样式二:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//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:0
auto;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><div
id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span
id="times"></span></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
var endtime=new Date("2110/11/06,12:20:12");
var nowtime = new Date();
var
leftsecond=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">
<!-- hide script from old browser
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Aug 8, 2008
20:00:00")
//**倒计时时间点-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ?
hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour)
document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute)
document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond)
document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute +
DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<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>
<p
class="tr18"><span
id="times"></span></p>
<SCRIPT
LANGUAGE="JavaScript">
function fresh()
{
var endtime=new Date("2012/1/1,21:00:00");
var nowtime = new Date();
var
leftsecond=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>
常用:有毫秒
<script
language=javascript>
<!--
//document.write("");
function show_date_time(){
window.setTimeout("show_date_time()",
1);
BirthDay=new
Date("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><font
color=00CC00>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+ms+"毫秒</b><br></font>";
}
show_date_time();
//-->
</script>
<span id="span_a"
></span>
样式一:
<script language=JavaScript>
var now = new Date();
function GetServerTime()
{
var urodz = new Date("6/5/2011 23:59:59");
now.setTime(now.getTime()+250);
days = (urodz - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 *
hoursRound);
minutesRound = Math.floor(minutes);
seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 *
60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
document.getElementByIdx_x_x_x_x("date").innerHTML = daysRound;
document.getElementByIdx_x_x_x_x("time").innerHTML = hoursRound + "小时"
+ minutesRound + "分" + secondsRound + "秒";
}
setInterval("GetServerTime()",250);
</script><span></span><span
id="date"></span><span
class="t14r">天</span><span
id="time"></span>
样式二:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//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:0
auto;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><div
id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span
id="times"></span></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
var endtime=new Date("2110/11/06,12:20:12");
var nowtime = new Date();
var
leftsecond=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">
<!-- hide script from old browser
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Aug 8, 2008
20:00:00")
//**倒计时时间点-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ?
hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour)
document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute)
document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond)
document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute +
DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->
</script>
</head>
<!--BODY里面的ONLOAD注意-->
<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>
相关文章推荐
- IE6、IE7、IE8之IE多版本共存的几…
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- 网络支付发红包将实名认证
- BZOJ4562: [Haoi2016]食物链
- 几种不间断图片滚动效果
- 佳能PIXMA MP150/MP170/MP450打印…
- Photoshop(背景橡皮擦)轻松抠图(…
- 经验交流:Windows XP文件夹和打印…
- 在Adobe Dreamweaver CS4中禁用代…
- asp查找数据库里日期在某段时间的…
- Server 2003 IIS6.0安装、配置实用…
- 运行Adobe Dreamweaver CS4 许可证…
- 文字左右滚动代码
- eWebEditor不支持IE8/IE7/ie9的解…
- g++编译c++11
- ASP二级联动菜单制作
- IIS7.5 An error occurred on the …
- Photoshop CS4的3D功能教程之3D台…
- 批量修改图片名称的快捷方法
- 派生类与基类的转换