首頁 > web前端 > js教程 > javascript怎麼實現秒轉時間

javascript怎麼實現秒轉時間

藏色散人
發布: 2023-01-05 16:10:47
原創
3474 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板