廢話不多說了,具體代碼如下所示:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在頁面中顯示距離2017年中秋節(jié)的天數(shù)</title> <script type="text/javascript"> function countdown(title,Intime,divId) { var online=new Date(Intime); //根據(jù)參數(shù)定義時間對象 var now=new Date(); //定義當(dāng)前系統(tǒng)時間 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+"已經(jīng)過了!<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年中秋節(jié)","10/4/2017",countDown); //調(diào)用JavaScript函數(shù) </script> </td> </tr> </table> </td> </tr> </table></body></html>總結(jié)
以上所述是小編給大家介紹的 使用JavaScript實現(xiàn)在頁面中顯示距離2017年中秋節(jié)的天數(shù),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持!
新聞熱點
疑難解答
圖片精選