顯示網站運行時間及當前時間的代碼

顯示網站運行時間及當前時間的代碼

好玩代碼樂樂2019-08-03 0:33:35273A+A-

        今天逛網站,偶然發現張偉博客網站底部會顯示本站穩定運行XX年XX天XX時XX秒,并且秒數在動態變化,個人還是比較喜歡這東西的,所以測試了下代碼,并應用于本站。分享給大家,有需要的朋友直接修改下日期然后Copy過去使用即可。

        如果需要顯示運行時間:XX年XX天XX時XX秒,秒數還是動態的,請選用下面的代碼(具體效果參加本站底部):

<script>
   function secondToDate(second) {
       if (!second) {
           return 0;
       }
       var time = new Array(0, 0, 0, 0, 0);
       if (second >= 365 * 24 * 3600) {
           time[0] = parseInt(second / (365 * 24 * 3600));
           second %= 365 * 24 * 3600;
       }
       if (second >= 24 * 3600) {
           time[1] = parseInt(second / (24 * 3600));
           second %= 24 * 3600;
       }
       if (second >= 3600) {
           time[2] = parseInt(second / 3600);
           second %= 3600;
       }
       if (second >= 60) {
           time[3] = parseInt(second / 60);
           second %= 60;
       }
       if (second > 0) {
           time[4] = second;
       }
       return time;
   }</script><script type="text/javascript" language="javascript">
   function setTime() {
       var create_time = Math.round(new Date(Date.UTC(2017, 08, 09, 10, 11, 12)).getTime() / 1000);
       var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
       currentTime = secondToDate((timestamp - create_time));
       currentTimeHtml = '本站已安全運行:' + currentTime[0] + '年' + currentTime[1] + '天'
               + currentTime[2] + '時' + currentTime[3] + '分' + currentTime[4]
               + '秒';
       document.getElementById("htmer_time").innerHTML = currentTimeHtml;
   }    setInterval(setTime, 1000);
   </script>

        上面代碼中“2017,08,09,10,11,12”是指的建站時間,分別對應年、月、日、時、分、秒,根據自己實際修改即可。

        把上面代碼復制到網頁文件中,然后在你想顯示的地方添加如下代碼即可(請注意修改顏色配置):

<span id="htmer_time" style="color: red;"></span></font>

        如果只需要顯示運行天數:XX天,這個比較簡單,請選用下面的代碼:

本站已安全運行<b><strong><script language = "JavaScript"type = "text/javascript" >var urodz = new Date("12/19/2014");var now = new Date();var ile = now.getTime() - urodz.getTime();var dni = Math.floor(ile / (1000 * 60 * 60 * 24));document.write( + dni)</script></strong></b>天

顯示當前時間的代碼如下(具體效果請參見本站左上角):

<script type="text/javascript">var timer = null,
   divText = document.getElementById("clock");
   showTime();
   timer = setInterval(showTime,1000);function showTime(){
    var today = new Date();
     var date = today.getDate();
     var day = today.getDay();
     var month = today.getMonth()+1;
     var year = today.getFullYear();
     var hour= addZero(today.getHours());
     var min = addZero(today.getMinutes());
     var sec = addZero(today.getSeconds());
     var week="";    
     if (true) {};                          
     if (day==0) week='星期日';
     if (day==1) week='星期一';
     if (day==2) week='星期二';
     if (day==3) week='星期三';
     if (day==4) week='星期四';
     if (day==5) week='星期五';
     if (day==6) week='星期六';
     divText.innerHTML = "當前時間:"+year+"年"+month+"月"+date+"日 "+ week +" "+"("+hour + ":"+ min + ":"+sec +")";}function addZero(num){
   if (num <= 9) {
       return "0"+num;
   }else {
       return num;
   }}


把上面代碼復制到網頁文件中,然后在你想顯示的地方添加如下代碼即可(請注意修改顏色配置):

<span id="clock" style="color: #aaa;"></span>




顯示網站運行時間及當前時間的代碼-第1張圖片-零零娛樂網

感謝您的支持,我會繼續努力的!

顯示網站運行時間及當前時間的代碼-第2張圖片-零零娛樂網
掃碼打賞,你說多少就多少

打開支付寶掃一掃,即可進行掃碼打賞哦

點擊這里復制本文地址 以上內容由零零娛樂網整理呈現,請務必在轉載分享時注明本文地址!如對內容有疑問,請聯系我們,謝謝!

支持Ctrl+Enter提交

零零娛樂網 © All Rights Reserved.  

本站資源來自互聯網收集,僅供用于學習和交流,請遵循相關法律法規,本站一切資源不代表本站立場,如有侵權、后門、不妥請聯系本站刪除

投稿/侵權投訴郵箱:[email protected] 商務合作QQ:563161067

備案:豫ICP備18019668號
聯系我們| 網站地圖| 留言建議| 網站管理

女校体操队救援彩金