<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>測試頁面</title>
</head>
<script type="text/javascript">
//獲取系統時間，將時間以指定格式顯示到頁面。
function systemTime()
{
//獲取系統時間。
var dateTime=new Date();
var YY=dateTime.getFullYear();
var MM=dateTime.getMonth();
var DD=dateTime.getDate();
var hh=dateTime.getHours();
var mm=dateTime.getMinutes();
var ss=dateTime.getSeconds();
//分秒時間是一位數字，在數字前補0。
MM = extra(MM+1);
DD = extra(DD);
hh = extra(hh);
mm = extra(mm);
ss = extra(ss);
//將時間顯示到ID為time的位置，時間格式形如：19:18:02
document.getElementById("time1").innerHTML=YY+"-"+MM+"-"+DD+" "+hh+":"+mm+":"+ss;
//每隔1000ms執行方法systemTime()。
setTimeout("systemTime()",1000);
}
//補位函數。
function extra(x)
{
//如果傳入數字小於10，數字前補一位0。
if(x < 10)
{
return "0" + x;
}
else
{
return x;
}
}
</script>
<body onload="systemTime()">
<br/><br/>
<div>
當前時間：<span id="time1"></span>
</div>
<div align="center"> 春節放假時間： <span style="color:green;font-size:40px;">2017-01-26 17:30:00</span></div>
<br/>
<div id="time" class="time" align="center"></div>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
target=new Date(2017,0,26,17,30,0); //注意：表示月份的參數介於 0 到 11之間。也就是說，如果希望把月設置為8月，則參數應該是7。
today=new Date();
timeold=(target.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);
if (daysold<0) {
document.getElementById("time").innerHTML="逾期,倒計時已經失效";
}else{
if (daysold<10) {daysold="0"+daysold}
if (hrsold<10) {hrsold="0"+hrsold}
if (minsold<10) {minsold="0"+minsold}
if (seconds<10) {seconds="0"+seconds}
if (daysold>0) {
document.getElementById("time").innerHTML="距離春節放假還有：<span style='font-size:40px'>"+daysold+"天"+hrsold+"小時"+minsold+"分<span style='color:#ff6633;'>"+seconds+"</span>秒</span>";
}else {
document.getElementById("time").innerHTML="距離春節放假還有：<span style='color:red;font-size:40px'>"+daysold+"天"+hrsold+"小時"+minsold+"分"+seconds+"秒</span>"; //結束時間小於1天，字體呈紅色提醒
}
}
}
show_date_time();
</script>
<br/>
<?php
echo phpinfo();
?>
</body>
</html>
php 倒計時程序
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。