最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JavaScript实时更新当前的时间代码示例
时间:2020-07-15 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下JavaScript实时更新当前的时间代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
实现的效果如下:
时间会实时更新
具体的JS代码如下
var dateStart; function start() { dateStart = new Date(); //开始时间 startTime(); } function startTime() { set = window.setTimeout("startTime()", 1000); var dt = new Date(); var day = dt.getDay(); var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); var week = weeks[day]; var year = dt.getFullYear();//年 var month = dt.getMonth() + 1;//月 var date = dt.getDate();//日 var h = dt.getHours(); if (h < 10) h = '0' + h;//时 var i = dt.getMinutes(); if (i < 10) i = '0' + i;//分 var s = dt.getSeconds(); if (s < 10) s = '0' + s;//秒 var str = year + "年"+ month + "月" + date + "日" + h + ':' + i + ':' + s; console.log('时间:'+str,'星期:'+week) $('#ymd').html(str); $('#week').html(week) } start()
在控制台上可以实时的打印出当前的时间和星期
ps:js获取当前时间并实时刷新
效果如图:
代码如下:
js获取当前时间并实时刷新 在这里显示时间
相关文章
- SpringBoot测试配置属性与web启动环境解析 10-24
- SpringBoot常用计量与bean属性校验和进制数据转换规则解析 10-24
- 工厂方法在Spring框架中的运用介绍 10-24
- SpringBoot热部署设置详解 10-24
- JavaScript二叉搜索树构建操作解析 10-12
- JavaScript二叉树及各种遍历算法讲解 10-12