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
時間

原生JS封裝vue Tab切換效果
這篇文章主要為大家詳細介紹了原生JS封裝vue Tab切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
Django 中的templates使用示例詳解
Django模板系統(tǒng)提供了一套豐富的工具集,能夠幫助開發(fā)者將動態(tài)數(shù)據(jù)有效地渲染到HTML頁面中,它通過特殊的語法支持變量插入、邏輯標簽和過濾器的使用,本文給大家介紹Django 中的templates使用,感興趣的朋友一起看看吧
2024-10-10
Bootstrap開發(fā)中Tab標簽頁切換圖表顯示問題的解決方法
這篇文章主要給大家介紹了關于Bootstrap開發(fā)中Tab標簽頁切換圖表顯示問題的解決方法，文中通過圖文以及示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2018-07-07
一看就懂的i++和++i示例代碼詳解
這篇文章主要介紹了i++和++i區(qū)別詳解,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-03-03
三種帶箭頭提示框總結實例
這篇文章主要介紹了三種帶箭頭提示框總結實例的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JavaScript中的普通函數(shù)和箭頭函數(shù)的區(qū)別和用法詳解
這篇文章主要介紹了JavaScript中的普通函數(shù)和箭頭函數(shù)的區(qū)別和用法詳解,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-03-03
javascript中with()方法的語法格式及使用
有了 With 語句，在存取對象屬性和方法時就不用重復指定參考對象，下面為大家介紹下With 語句的語法格式及使用
2014-08-08
詳解javascript常用工具類的封裝
本篇文章主要給大家詳細分析了javascript常用工具類的封裝相關知識點，有興趣的朋友參考下吧。
2018-01-01
js如何取消事件冒泡
事件冒泡是什么意思這里就不為大家一一贅述了，下面為大家講解的是js中如何取消事件冒泡，感興趣的朋友可以參考下
2013-09-09
JavaScript中Function與Object的關系
本文主要介紹了JavaScript中Function與Object的關系，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-05-05