减小字体
增大字体- ·上一篇文章：很酷的时钟 (跟随鼠标飘动的双层时钟!)
- ·下一篇文章：在下拉式的Form框中显示时间
离开某个特定日子的时间 （时间一直再不断更新）
要完成此特效需要两个步骤
第一步：把如下代码加入到<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>
第二步：把“”加在<body>标记里
例如：<body >
