javascript实现显示当前时间

用户名：admin

Bootstrap教程  | 阅读: 30

发表：湖南  2024/11/13 21:56:48

未关注

  <script>
         function showTime() {
             var now = new Date();
             var y = now.getFullYear();
             var m = now.getMonth() + 1;
             var d = now.getDate();
             var w = now.getDay();
             var hour = now.getHours();
             var min = now.getMinutes();
             var sec = now.getSeconds();
             var arrWeek = new Array("星期日 ", "星期一 ", "星期二 ", "星期三 ", "星期四 ", "星期五 ", "星期六 ");
             var time = y + "年" + fillZero(m) + "月" + fillZero(d) + "日 " + arrWeek[w] + hour + ":" + fillZero(min) + ":" + fillZero(sec);
             var clock = document.getElementById('clock');
             clock.innerHTML = time;
         }
         function fillZero(str) {
             var realNum;
             if (str < 10) {
                 realNum = '0' + str;
             } else {
                 realNum = str;
             }
             return realNum;
         }

         setInterval("showTime()", 1000);
     </script>


在<body></body>需要的位置增加一个显示时间的盒子即可

<div id="clock"style="float:left;"></div>


上一篇：   HTML中meta标签的作用
下一篇：   什么是 jQuery ？
  热门博主
用户名：eketeam E客低代码研究
关注
用户名：jkxx 中小学教育
关注
用户名：luoguangyi 菜鸟开源技术交流
关注
用户名：admin Bootstrap教程
关注
用户名：cainiao 菜鸟开源官方账号
关注
用户名：cainiao2025 SQL学习交流
关注
用户名：cainiao20251 CSS研究
关注
用户名：dell 电脑部落
关注
用户名：tsg 前端浅学
关注
用户名：tiyanvip 后端小白
关注
  最新文章
平台数据结构(8) 平台数据结构(8)
平台数据结构(7) 平台数据结构(7)
平台数据结构(6) 平台数据结构(6)
平台数据结（5） 平台数据结（5）
平台数据结构(4) 平台数据结构(4)
平台数据结构(3) 平台数据结构(3)
平台数据结构(2) 平台数据结构(2)
菜鸟开源开放用户注册 菜鸟开源开放用户注册
视觉画廊照片时光机模板 视觉画廊照片时光机模板
一个精美的动态个人主页模板 一个精美的动态个人主页模板
 热门文章
菜鸟云网络科技简介 菜鸟云网络科技简介
菜鸟云网络科技个性化定制中心 菜鸟云网络科技个性化定制中心
菜鸟网络学院简介 菜鸟网络学院简介
Bootstrap5 教程 Bootstrap5 教程
《文化苦旅》散文集 《文化苦旅》散文集
谢谢你曾来过我的世界 谢谢你曾来过我的世界
关于做好2025年普通高中学业水平合格性考试统考工作的通知 关于做好2025年普通高中学业水平合格性考试统考工作的通知
Bootstrap5 网格系统 Bootstrap5 网格系统
Bootstrap5 安装使用 Bootstrap5 安装使用
CSS3 圆角 CSS3 圆角