❶ JS倒计时页面代码(要求读取服务器时间)
<script language="javaScript">
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Feb 14, 2010 00:00:00") //**倒计时时间点-注意格式
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000function left(mainStr,lngLen) {
if (lngLen>0) {return mainStr.substring(0,lngLen)}
else{return null}
}
function right(mainStr,lngLen) { if (mainStr.length-lngLen>=0 && mainStr.length>=0 && mainStr.length-lngLen<=mainStr.length) {
return mainStr.substring(mainStr.length-lngLen,mainStr.length)}
else{return null}
}
function mid(mainStr,starnum,endnum){
if (mainStr.length>=0){
return mainStr.substr(starnum,endnum)
}else{return null} }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")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)var dd=document.getElementById("dd");
var hh=document.getElementById("hh");
var mm=document.getElementById("mm");
var ss=document.getElementById("ss");ddstr = DifferenceHour.toString();
hhstr = DifferenceMinute.toString();
mmstr = DifferenceSecond.toString();
ssstr = dSecs.toString();if (Tday.getTime() > time.getTime()){
if (ddstr.length<2){
ddstrs = "<span class='num0'></span><span class='num"+ddstr.substr(0,1)+"'></span>";
}else{
ddstrs = "<span class='num"+ddstr.substr(0,1)+"'></span><span class='num"+ddstr.substr(1,2)+"'></span>";
}if (hhstr.length<2){
hhstrs = "<span class='num0'></span><span class='num"+hhstr.substr(0,1)+"'></span>";
}else{
hhstrs = "<span class='num"+hhstr.substr(0,1)+"'></span><span class='num"+hhstr.substr(1,2)+"'></span>";
}if (mmstr.length<2){
mmstrs = "<span class='num0'></span><span class='num"+mmstr.substr(0,1)+"'></span>";
}else{
mmstrs = "<span class='num"+mmstr.substr(0,1)+"'></span><span class='num"+mmstr.substr(1,2)+"'></span>";
}if (ssstr.length<2){
ssstrs = "<span class='num0'></span><span class='num"+mmstr.substr(0,1)+"'></span>";
}else{
ssstrs = "<span class='num"+ssstr.substr(0,1)+"'></span><span class='num"+ssstr.substr(1,2)+"'></span>";
}
}else{
ddstrs="<span class='num0'></span><span class='num0'></span>"
hhstrs="<span class='num0'></span><span class='num0'></span>"
mmstrs="<span class='num0'></span><span class='num0'></span>"
ssstrs="<span class='num0'></span><span class='num0'></span>"
}if(convertHour != DifferenceHour) dd.innerHTML=ddstrs;
if(convertMinute != DifferenceMinute) hh.innerHTML=hhstrs;
if(convertSecond != DifferenceSecond) mm.innerHTML=mmstrs;
ss.innerHTML=ssstrs;
setTimeout("clock()",1000)}</script> 上面的是JS部分的。 下面是HTML部分的。<div class="mains">
<div class="djs">
<div id="dd"></div>
<div id="tsfm">天</div>
<div id="hh"></div>
<div id="tsfm">时</div>
<div id="mm"></div>
<div id="tsfm">分</div>
<div id="ss"></div>
<div id="tsfm">秒</div>
</div> 我上面的JS部分的数字全部是用的图片格式显示倒计时数字的哈,你也可以自己改成数字。 好了,上面的代码全部是我之前给客户写的一个春节倒计时贺卡的程序页面,纯原创,并且一直在用,所以是没有任何问题的,你自己应该懂一些技术吧,所以上面的代码你应该看的懂,很简单的。 就不要再追问了,自己多下下功夫研究下,因为最近比较忙,不见得有时间回复,见谅。记得给我分哈,要升级这个号的级别,以后好推广用,谢谢了。
❷ 春节倒数器的代码
<script LANGUAGE="JavaScript">
<!--你可以将新年改为其它的节日-->
var urodz= new Date("January 29,2006");
var s="新年";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write("今天离"+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦!")
else if (dni == 0)
document.write("只有1天啦!")
else
document.write("好象已经过了哦!");
</script>
------------------------------------------------------------------
第2个!
---------------------------------------------
<body onLoad="ss()">
<script language="JavaScript" type="text/JavaScript">
function ss()
{
var nn,aa
var Day1=new Date("1/29/2006")
today=new Date();
timeold=(Day1.getTime()-today.getTime())
nn=24*60*60*1000
aa=Math.floor(timeold/nn)
newwin=window.open("","","width=300,height=300")
newwin.document.write("距离春节还有"+aa+"天"+"<br>")
}
</script>
</body>
</html>
❸ 寻求距2014年春节还有多少天的倒计时代码
var
dingshi:Date
=
new
Date(2013,
9,
1,
0,
0,
0);
//定时为2014年0月1日0是0分0秒,注意月份是从0-11.
var
DaoJishi:Number
=
0;
var
day:Number
=
0;
var
hour:Number
=
0;
var
minute:Number
=
0;
var
second:Number
=
0;
var
onEnterFrame
=
function
()
{
var
now:Date
=
new
Date();
DaoJishi
=
int((dingshi-now)/1000);
//date类的值以毫秒为单位,所以除以1000
day
=
int(DaoJishi/86400);
DaoJishi
=
DaoJishi%86400;
hour
=
int(DaoJishi/3600);
DaoJishi
=
DaoJishi%3600;
minute
=
int(DaoJishi/60);
second
=
DaoJishi%60;
hour
=
hour<10
?
"0"+hour
:
hour;
//添0成两位数
minute
=
minute<10
?
"0"+minute
:
minute;
//添0成两位数
second
=
second<10
?
"0"+second
:
second;
//添0成两位数
ShuChu.text
=
day+"天
"+hour+":"+minute+":"+second;
trace(day+"天
"+hour+":"+minute+":"+second);
};
<?php
$zero1=strtotime(date("y-m-dh:i:s"));//当前时间
$zero2=strtotime("2015-2-180:00:00");//过年时间
$guonian=ceil(($zero2-$zero1)/86400);//60s*60min*24h
echo"离过年还有<strong>$guonian</strong>天!";
?>
❺ html页面的倒计时代码。。。。急求!!!!
<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>
修改成需要的时间段,直接嵌入就可以。
❻ 新浪博客春节倒计时的代码是什么
那个功能什么代码都能做!样式就不是代码的问题了哦!是美工的问题!!!
❼ 跪求:谁能用FLASH AS代码帮我做个春节倒计时
还是自己动手,丰衣足食
参考
http://www.hackhome.com/InfoView/Article_168156.html
❽ 倒计时html代码
倒计时的html代码:
<!DOCTYPEHTML>
<html>
<head>
<metacharset="utf-8">
<title>CSS3圆环倒计时-源码搜藏网</title>
<style>
.pie{width:200px;height:200px;background-color:blue;border-radius:100px;position:absolute;}
.pie1{clip:rect(0px,200px,200px,100px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:-moz-radial-gradient(20%50%0deg,#333,#0000ff);background:-webkit-gradient(radial,100100,0,100100,110,from(#000),to(#0000ff));}
.pie2{clip:rect(0px,100px,200px,0px);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:-moz-radial-gradient(80%50%0deg,#333,#0000ff);background:-webkit-gradient(radial,100100,0,100100,110,from(#000),to(#0000ff));}
.hold{width:200px;height:200px;position:absolute;z-index:1;}
.hold1{clip:rect(0px,200px,200px,100px);}
.hold2{clip:rect(0px,100px,200px,0px);}
.bg{width:200px;height:200px;background-color:red;border-radius:100px;position:absolute;box-shadow:0px0px8px#333;background:-moz-radial-gradient(0%50%0deg,#900,#ff0000);background:-webkit-gradient(radial,100100,0,100100,110,from(#900),to(#ff0000));}
.time{width:160px;height:160px;margin:20px0020px;background-color:#fff;border-radius:100px;position:absolute;z-index:1;box-shadow:0px0px8px#333inset;text-align:center;line-height:160px;font-family:"BookAntiqua",Palatino,serif;font-size:35px;font-weight:bold;text-shadow:1px1px3px#333;}
.timeem{background:#fff;position:absolute;top:62px;left:12px;height:18px;width:140px;opacity:0.4;}
</style>
</head>
<body>
<divclass="holdhold1">
<divclass="piepie1"></div>
</div>
<divclass="holdhold2">
<divclass="piepie2"></div>
</div>
<divclass="bg"></div>
<divclass="time"><span></span><em></em></div>
<scriptsrc="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script>
<script>
i=0;
j=0;
count=0;
MM=4;
SS=59;
MS=9;
totle=(MM+1)*600;
d=180*(MM+1);
MM="0"+MM;
functionshowTime(){
totle=totle-1;
if(totle==0){
clearInterval(s);
clearInterval(t1);
clearInterval(t2);
$(".pie2").css("-o-transform","rotate("+d+"deg)");
$(".pie2").css("-moz-transform","rotate("+d+"deg)");
$(".pie2").css("-webkit-transform","rotate("+d+"deg)");
}else{
if(totle>0&&MS>0){
MS=MS-1;
if(MS<10){MS="0"+MS};
};
if(MS==0&&SS>0){
MS=10;
SS=SS-1;
if(SS<10){SS="0"+SS};
};
if(SS==0&&MM>0){
SS=60;
MM=MM-1;
if(MM<10){MM="0"+MM};
};
};
$(".timespan").html(MM+":"+SS+":"+MS);
};
s=setInterval("showTime()",100);
functionstart1(){
i=i+0.6;
count=count+1;
if(count==300){
count=0;
clearInterval(t1);
t2=setInterval("start2()",100);
};
$(".pie1").css("-o-transform","rotate("+i+"deg)");
$(".pie1").css("-moz-transform","rotate("+i+"deg)");
$(".pie1").css("-webkit-transform","rotate("+i+"deg)");
};
functionstart2(){
j=j+0.6;
count=count+1;
if(count==300){
count=0;
clearInterval(t2);
t1=setInterval("start1()",100);
};
$(".pie2").css("-o-transform","rotate("+j+"deg)");
$(".pie2").css("-moz-transform","rotate("+j+"deg)");
$(".pie2").css("-webkit-transform","rotate("+j+"deg)");
};
t1=setInterval("start1()",100);
</script>
<inputonclick="window.open('view-source:'+window.location.href)"type="button"value="查看源代码"style="position:absolute;right:0;top:0;width:80px;height:30px;">
</body>
</html>
直接复制代码,创建html文件,然后复制进去,就可以看到效果了。
❾ 求网页里的‘秒’倒计时代码 (不是节日倒计时)
<html>
<head>
<script language=javascript>
var sec;
function clock()
{
if( sec < 0 )
{
time.innerText = "Game Over!";
return;
}
else
{
time.innerText = sec;
}
sec--;
}
function go()
{
sec = parseInt( txt.value );
window.setInterval( "clock()", 1000 );
}
</script>
</head>
<body>
<table align=center><tr><td>
<input type=text name=txt>
<input type=button value=Start onClick=go()>
</td></tr><tr><td align=center>
<span id=time></span>
</tr></td></table>
</body>
</html>
哎。写了半天。