js實作顯示時間日期實例-js教程-PHP中文網

首頁

web前端

js教程

js實作顯示時間日期實例

Jan 22, 2018 am 09:39 AM

javascript 實例日期

本文主要為大家帶來一篇js 顯示日期時間的實例(時間過一秒加1)。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。

html：

&lt;p id=&quot;data&quot;&gt;&lt;font&gt;2017年10月17日 15:11:11&lt;/font&gt;&lt;/span&gt;

登入後複製

js：

1:引入js庫

2：

function showLocale(objD) {  

 var str, colorhead, colorfoot;  

 var yy = objD.getYear();  

 if (yy &lt; 1900) yy = yy + 1900;  var MM = objD.getMonth() + 1;  

 if (MM &lt; 10) MM = &#39;0&#39; + MM;  var dd = objD.getDate();  

 if (dd &lt; 10) dd = &#39;0&#39; + dd;  var hh = objD.getHours();  

 if (hh &lt; 10) hh = &#39;0&#39; + hh;  var mm = objD.getMinutes();  

 if (mm &lt; 10) mm = &#39;0&#39; + mm;  var ss = objD.getSeconds();  

 if (ss &lt; 10) ss = &#39;0&#39; + ss;  var ww = objD.getDay();  

 if (ww == 0) colorhead = &quot;&quot;;  

if (ww &gt; 0 &amp;&amp; ww &lt; 7) colorhead = "";

str = colorhead + yy + "年" + MM + "月" + dd + "日 " + hh + ":" + mm + ":" + ss + " ";

return (str);

}

function tick() {

var today;

today = new Date();

document.getElementById("new_data").innerHTML = showLocale(today);

window.setTimeout("tick()", 1000);

}

tick();

登入後複製