首頁  >  文章  >  web前端  >  javascript怎麼實現秒轉時間

javascript怎麼實現秒轉時間

藏色散人
藏色散人原創
2021-04-23 09:58:313425瀏覽

javascript實現秒轉時間的方法:首先建立一個前端程式碼範例檔;然後透過p標籤來儲存轉換出來的時間;最後透過js程式碼「var min=Math.floor(oTs.innerHTML600). ..”實現秒轉時間即可。

javascript怎麼實現秒轉時間

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

原生js將秒轉為時間

關於運算子的應用,取模應該是比較重要的了,今天寫一個關於將秒轉為時分秒的小例子。

 <span>11679</span>s是多少分钟
  <p></p>

上面的p標籤用來儲存轉換出來的時間,js應該這樣寫:

    window.onload=function(){
        var oTs=document.getElementsByTagName("span")[0];
        var time=document.getElementsByTagName("p")[0];
        var min=Math.floor(oTs.innerHTML%3600);
        time.innerHTML = Math.floor(oTs.innerHTML/3600) + "时" + Math.floor(min/60) + "分"+ oTs.innerHTML%60 + "秒";
        
    }

效果圖:

javascript怎麼實現秒轉時間

##當然這種直接將秒轉換為時分秒的例子應該不多,但是其宗旨還是用到取模,主要的思路不變。

【推薦學習:

javascript高階教學
#

以上是javascript怎麼實現秒轉時間的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn