廢話不多說了，具體代碼如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在頁面中顯示距離2017年中秋節的天數</title> <script type="text/javascript"> function countdown(title,Intime,divId) { var online=new Date(Intime); //根據參數定義時間對象 var now=new Date(); //定義當前系統時間 var leave=online.getTime()-now.getTime(); //計算時間差 var day=Math.floor(leave/(1000*60*60*24))+1; if (day>1){ divId.innerHTML="<b>----距離"+title+"還有"+day+"天！<br/>" ; //頁面顯示信息 }else{ if (day==1){ divId.innerHTML="<b>----明天就是"+title+"啦！<br/>" ; //頁面顯示信息 }else{ if (day==0) { divId.innerHTML = "<b>----今天就是" + title + "呀！<br/>"; //頁面顯示信息 }else{ divId.innerHTML="<b>----哎呀!"+title+"已經過了！<br/>" ; //頁面顯示信息 } } } } </script></head><body> <table width="350" height="450" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom"> <table width="346" height="418" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td width="76"></td> <td width="270"> <div id="countDown"> <b>---</b></div> <script type="text/javascript"> countdown("2017年中秋節","10/4/2017",countDown); //調用JavaScript函數 </script> </td> </tr> </table> </td> </tr> </table></body></html>總結
以上所述是小編給大家介紹的 使用JavaScript實現在頁面中顯示距離2017年中秋節的天數，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！
新聞熱點
疑難解答
