js實現(xiàn)動態(tài)顯示時間效果

更新時間：2017年03月06日 10:41:09 作者：1656767132

本文主要介紹了js實現(xiàn)動態(tài)顯示時間效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧

話不多說，請看代碼：

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>時間顯示器</title>  
</head> 
<body>
    <div id="d"></div> 
    <script type="text/javascript"> 
        var nowTime ;
        function play(){
        var time = new Date();
        nowTime = time.getFullYear()+"年"+time.getMonth()+"月"+time.getDate()+"日"+time.getHours()+"時"+time.getMinutes()+"分"+time.getSeconds()+"秒";
        document.getElementById("d").innerHTML = nowTime;
        }
        setInterval(play,1000);
    </script>     
</body> 
</html>

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

js
時間

相關(guān)文章

百度地圖給map添加右鍵菜單（判斷是否為marker）
這篇文章主要介紹了百度地圖給map添加右鍵菜單（判斷是否為marker）的相關(guān)資料,需要的朋友可以參考下
2016-03-03
js實現(xiàn)漂浮回頂部按鈕實例
這篇文章主要介紹了js實現(xiàn)漂浮回頂部按鈕的方法,實例分析了javascript實現(xiàn)返回頂部功能的樣式與動態(tài)實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下
2015-05-05
微信小程序tabBar用法實例詳解
這篇文章主要介紹了微信小程序tabBar用法,結(jié)合實例形式詳細分析了微信小程序中tabBar的功能、配置項使用方法與操作注意事項,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12
JS實現(xiàn)用戶注冊時獲取短信驗證碼和倒計時功能
在用戶注冊時，通常需要短信驗證碼，而且為了交互效果，也需要增加倒計時。該如何實現(xiàn)獲取驗證碼倒計時功能呢？下面小編給大家分享JS實現(xiàn)用戶注冊時獲取短信驗證碼和倒計時的代碼，一起看看吧
2016-10-10
javascript contains和compareDocumentPosition 方法來確定是否HTML節(jié)點間的關(guān)
一個很棒的 blog 文章，是 PPK 兩年前寫的，文章中解釋了 contains() 和 compareDocumentPosition() 方法運行在他們各自的瀏覽器上。
2010-02-02
Javascript快速實現(xiàn)瀏覽器系統(tǒng)通知
這篇文章給大家介紹了Javascript快速實現(xiàn)瀏覽器系統(tǒng)通知的方法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
2017-08-08
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)之雙鏈表插入排序?qū)崿F(xiàn)方法,較為詳細的分析了插入排序的原理及雙鏈表插入排序的實現(xiàn)技巧,對于學習JavaScript數(shù)據(jù)結(jié)構(gòu)具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11