← 返回文章列表 javascript实现显示当前时间
6

javascript实现显示当前时间

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


最后修改: 2025/8/16 15:03:08

读者评论
【免登录留言】
验证码

相关文章推荐

菜鸟云网络科技简介
活动方案
菜鸟云网络科技简介

菜鸟云网络学院开学了!菜鸟云自己开发的网站CMS!快来学习吧……

菜鸟云网络科技个性化定制中心
5
菜鸟云网络科技个性化定制中心

菜鸟云网络科技个性化定制中心欢迎您

Bootstrap5 教程
10
Bootstrap5 教程

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应……

探索ISBN查询接口:为图书管理系统赋能
3
探索ISBN查询接口:为图书管理系统赋能

在开发图书管理应用时,ISBN(国际标准书号)查询接口是获取……

菜鸟网络学院简介
5
菜鸟网络学院简介

菜鸟网络学院是一家个人创建的学习网站,属于日志文章分享,开源……

《文化苦旅》散文集
3
《文化苦旅》散文集

《文化苦旅》一书于1992年首次出版,是余秋雨先生1980年……

CSS3 圆角
12
CSS3 圆角

CSS3 圆角

Bootstrap5 安装使用
10
Bootstrap5 安装使用

我们可以通过以下两种方式来安装 Bootstrap5: 使……

谢谢你曾来过我的世界
3
谢谢你曾来过我的世界

少年读《射雕英雄传》,最想化身的人物是陈玄风,脸色焦黄,有如……

Excel中生成序号技巧
1
Excel中生成序号技巧

在Excel中生成序号是日常操作,以下介绍几种常用方法,可根……