当前位置：开发者网络 >> 网页特效 >> 日期时间 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
离开某个特定日子的时间,时间一直不断更新
日期：2004-05-24   人气：   【字体：大 中 小】【收藏此文】

<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把<BODY>中的属性代码改为： -->

<BODY onLoad="startclock()">



<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<SCRIPT LANGUAGE="JavaScript">







<!--









var timerID;



var timerRunning = false;



var today = new Date();



var startday = new Date();



var secPerDay = 0;



var minPerDay = 0;



var hourPerDay = 0;



var secsLeft = 0;



var secsRound = 0;



var secsRemain = 0;



var minLeft = 0;



var minRound = 0;



var minRemain = 0;



var timeRemain = 0;







/* This function will stop the clock */



function stopclock()



{



if(timerRunning)



clearTimeout(timerID);







timerRunning = false;



}







/* This function will start the clock */



function startclock()



{



stopclock();



showtime1();



}







/* This function will display the count-up */



function showtime1()



{



startday = new Date("July 20, 1969 16:18 EDT");



startday.setYear("1969");



today = new Date();



secsPerDay = 1000 ;



minPerDay = 60 * 1000 ;



hoursPerDay = 60 * 60 * 1000;



PerDay = 24 * 60 * 60 * 1000;







/* Seconds */



secsLeft = (today.getTime() - startday.getTime()) / minPerDay;



secsRound = Math.round(secsLeft);



secsRemain = secsLeft - secsRound;



secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) :

secsRemain = (secsLeft - secsRound) * 60;



secsRemain = Math.round(secsRemain);







/* Minutes */



minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay);



minRound = Math.round(minLeft);



minRemain = minLeft - minRound;



minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain =

((minLeft - minRound) * 60);



minRemain = Math.round(minRemain - 0.495);







/* Hours */



hoursLeft = ((today.getTime() - startday.getTime()) / PerDay);



hoursRound = Math.round(hoursLeft);



hoursRemain = hoursLeft - hoursRound;



hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24) :

hoursRemain = ((hoursLeft - hoursRound) * 24);



hoursRemain = Math.round(hoursRemain - 0.5);







/* Days */



daysLeft = ((today.getTime() - startday.getTime()) / PerDay);



daysLeft = (daysLeft - 0.5);



daysRound = Math.round(daysLeft);



daysRemain = daysRound;







/* Time */



if (daysRemain == 1)



{



day_rem = " 天, "



}



else



{



day_rem = " 天, "



}







if (hoursRemain == 1)



{



hour_rem = " 小时, "



}



else



{



hour_rem = " 小时, "



}







if (minRemain == 1)



{



min_rem = " 分, "



}



else



{



min_rem = " 分, "



}







if (secsRemain == 1)



{



sec_rem = " 秒"



}



else



{



sec_rem = " 秒"



}







timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain +



min_rem + secsRemain + sec_rem;



document.up.face.value = timeRemain;



timerID = setTimeout("showtime1()",1000);



timerRunning = true;



}







//-->







</SCRIPT>

<FORM NAME="up">



<INPUT TYPE="text" NAME="face" SIZE="47" VALUE="A browser supporting JavaScript 1.1+ is needed.">



</FORM>



<P>



<FONT SIZE=+1 FACE="Arial">离开人类登月已经

</FONT>