當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript的时钟小程序
生活随笔
收集整理的這篇文章主要介紹了
JavaScript的时钟小程序
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
效果如下圖所示（每一秒刷新一次）：
詳細代碼如下：
<!DOCTYPE html> <html><head><title>JavaScript的時鐘小程序</title><script type="text/javascript">function showDate(){//獲取系統時間var date = new Date();//獲取年月日時分秒var str = date.getFullYear() + "年" + (date.getMonth()+1) + "月"+date.getDate() +"日 " + date.getHours() + ":"+date.getMinutes() + ":" +date.getSeconds();document.getElementById("mydate").innerHTML =str; //將str賦值給span標簽}setInterval("showDate()", 1000); //設置每1000毫秒刷新一次</script></head><body οnlοad="showDate()"><span id="mydate"></span></body> </html>
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀
詳細代碼如下：
<!DOCTYPE html> <html><head><title>JavaScript的時鐘小程序</title><script type="text/javascript">function showDate(){//獲取系統時間var date = new Date();//獲取年月日時分秒var str = date.getFullYear() + "年" + (date.getMonth()+1) + "月"+date.getDate() +"日 " + date.getHours() + ":"+date.getMinutes() + ":" +date.getSeconds();document.getElementById("mydate").innerHTML =str; //將str賦值給span標簽}setInterval("showDate()", 1000); //設置每1000毫秒刷新一次</script></head><body οnlοad="showDate()"><span id="mydate"></span></body> </html>
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀
總結
以上是生活随笔為你收集整理的JavaScript的时钟小程序的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 利用JavaScript中的原型给对像添
- 下一篇： JavaScript中的原型，对spli