JS獲取時間的方法

更新時間：2015年01月21日 10:29:18 投稿：shichen2014

這篇文章主要介紹了JS獲取時間的方法,涉及date的相關使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS獲取時間的方法。分享給大家供大家參考。具體實現方法如下：

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

    <title></title>  

    <script type="text/javascript">  

        function Case(i) {  

            if (i < 10) {  

                i = "0" + i;  

            }  

            return i;  

        }  

        function getdata() {  

            var bnt = document.getElementById("id1")  

            var date = new Date();  

            bnt.value =Case( date.getHours()) + ":" + Case(date.getMinutes()) + ":" +Case( date.getSeconds());  

        }  

    </script>  

</head>  

<body>  

<input type="button" value="獲取時間" id="id1" onclick="setInterval(getdata, 1000)"/>  

</body>  

</html>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

JS
時間

js實現時間日期的相加相減代碼示例
這篇文章主要給大家介紹了關于利用js實現時間日期的相加相減的相關資料,文中通過代碼示例介紹的非常詳細,對大家學習或者使用js具有一定的參考解決價值,需要的朋友可以參考下
2023-09-09
JS學習筆記之閉包小案例分析
這篇文章主要介紹了JS學習筆記之閉包,結合具體案例形式分析了javascript實現與使用閉包的相關操作技巧,需要的朋友可以參考下
2019-05-05
JS實現拖拽進度條改變元素透明度
這篇文章主要為大家詳細介紹了JS實現拖拽進度條改變元素透明度，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
游覽器中javascript的執(zhí)行過程(圖文)
在講這個問題之前，先來補充幾個知識點，如果對此已經比較了解可以直接跳過
2012-05-05
javascript中Date對象的使用總結
本文介紹了Date對象的使用方法，清晰明了，實現方法有多種，僅供大家參考，希望對大家有所幫助，下面就跟小編一起來看看吧
2016-11-11
ES6基礎之數組和對象的拓展實例詳解
這篇文章主要介紹了ES6基礎之數組和對象的拓展,結合實例形式詳細分析了ES6數組和對象拓展運算符、拓展方法的使用及相關操作技巧,需要的朋友可以參考下
2019-08-08
Next.js腳手架完整搭建封裝的方法步驟
本文主要介紹了Next.js腳手架完整搭建封裝的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-04-04
webpack+express實現文件精確緩存的示例代碼
這篇文章主要介紹了webpack+express實現文件精確緩存的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-06-06
基于JavaScript實現鼠標箭頭移動圖片跟著移動
這篇文章主要介紹了基于JavaScript實現鼠標箭頭移動圖片跟著移動的核心代碼，代碼比較簡單易懂,需要的朋友可以參考下
2016-08-08
深入理解JavaScript中async/await的錯誤處理方式
在現代JavaScript開發(fā)中,異步編程是不可或缺的一部分,async和await是一種強大的異步編程工具,它們使得編寫和維護異步代碼更加容易和清晰,然而,異步操作仍然可能會出現錯誤,本文將深入探討async和await的錯誤處理方式,提供詳細的代碼示例和解釋
2023-09-09