📄 time32.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>离开某一天日期</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#fef4d9" onLoad="startclock()">
<center><font color=red face="隶书" size=6>离开某一天日期</font></center><br>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr><tr><td align=center height=100 width=400>
<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 = " day, "

        }

        else

        {

                day_rem = " days, "

        }



        if (hoursRemain == 1)

        {

                hour_rem = " hour, "

        }

        else

        {

                hour_rem = " hours, "

        }



        if (minRemain == 1)

        {

                min_rem = " minute, "

        }

        else

        {

                min_rem = " minutes, "

        }



        if (secsRemain == 1)

        {

                sec_rem = " second"

        }

        else

        {

                sec_rem = " seconds"

        }



        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>
<P>

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

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

</FORM>


</td></tr>
</table></center>
   <br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
第一步:把如下代码加入<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 = " day, "

        }

        else

        {

                day_rem = " days, "

        }



        if (hoursRemain == 1)

        {

                hour_rem = " hour, "

        }

        else

        {

                hour_rem = " hours, "

        }



        if (minRemain == 1)

        {

                min_rem = " minute, "

        }

        else

        {

                min_rem = " minutes, "

        }



        if (secsRemain == 1)

        {

                sec_rem = " second"

        }

        else

        {

                sec_rem = " seconds"

        }



        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 bgcolor="#fef4d9" onLoad="startclock()">
</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a) 

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -