當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js创建一个显示当前时间的简易小时钟

發(fā)布時(shí)間：2024/1/1 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 js创建一个显示当前时间的简易小时钟小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

通過JavaScript的setInterval函數(shù)創(chuàng)建一個(gè)可以顯示當(dāng)前時(shí)間的簡易小時(shí)鐘：（這里只給出了一個(gè)最基本的樣式，可以添加更多樣式美化它！）

瀏覽器顯示結(jié)果：

代碼實(shí)現(xiàn)：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>clock</title><style type="text/css">*{margin: 0;padding: 0;}#time{background: #000;color: green;text-align: center;}</style> </head> <body><h1 id="time">北京時(shí)間</h1><script type="text/javascript" >setInterval(function(){clock=new Date();year=clock.getFullYear();month=clock.getMonth()+1;day=clock.getDate();hour=clock.getHours();minute=clock.getMinutes();second=clock.getSeconds();if (hour<10) {//當(dāng)時(shí)、分、秒小于10時(shí)，前面補(bǔ)0.hour="0"+hour;}if (minute<10) {minute="0"+minute;}if (second<10) {second="0"+second;}str=year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second;document.getElementById("time").innerHTML=str;},1000);</script> </body> </html>

總結(jié)

以上是生活随笔為你收集整理的js创建一个显示当前时间的简易小时钟的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： python相关软件_python用什么
下一篇： html转盘游戏代码,html5 can