使用Javascript在HTML中显示实时时间
更新时间：2022年06月19日 06:50:46 作者：lihuiGG520
这篇文章主要为大家详细介绍了使用Javascript在HTML中显示实时时间，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码，供大家参考，具体内容如下
方法如下：
1. 在script中建立方法time；
2. 创建新的Date对象date，并通过使用Date的内置方法给year、month等赋值；
3. 通过连接符号将各个时间连接起来；
4. 使用document.getElementById(“time”).innerHTML将其显示到HTML主页中；
5. 使用setInterval设置动态更新时间，即实时时间；
注意：
（1）获取年份的方法前面有full；
（2）月份的表示从零开始；
（3）周的获取值表示为数字，可以通过switch的方法转换，也可以通过下面代码中的方法将其转化为星期几；
（4）对于时分秒的两位表示，可以在前面加上符号0；
参考代码见下：
<html>
<head>
<meta charset="UTF-8">
<title>日期和时间</title>
<script>
function time(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week = date.getDay();
week="星期"+"日一二三四五六".charAt(week);
/*switch(week){
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
case 0:
week="星期日";
break;
}*/
var hour =date.getHours();
hour=hour<10?"0"+hour:hour;
var minute =date.getMinutes();
minute=minute<10?"0"+minute:minute;
var second = date.getSeconds();
second=second<10?"0"+second:second;
var currentTime = year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;
document.getElementById("time").innerHTML=currentTime;
}
setInterval("time()",1000);
</script>
</head>
<body onload="time()">
<span id="time"></span>
</body>
</html>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了js实现放大镜特效，简单实用的代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
下面将介绍日常中使用的三种解析json字符串的方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-05-05
关于微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题
这篇文章主要介绍了微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
javascript attachEvent绑定多个事件执行顺序问题
执行顺序是没有规律的，但是每次执行的顺序是一样的，如果是随机那么应该每次执行的顺序都不一样才对，这才是我想要说明的2010-10-10
JavaScript的setAttribute兼容性问题解决方法
JavaScript的setAttribute存在兼容性问题，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下2013-11-11
Javascript ParentNode和ChildNode接口原理解析
这篇文章主要介绍了Javascript ParentNode和ChildNode接口原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JS折半插入排序算法,以完整实例形式较为详细的分析了JavaScript实现折半插入排序的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
本文通过实例代码给大家介绍了基于JavaScript实现微信抢红包功能，金额随机，额度在0.01和(剩余平均值*2)之间，具体的实例代码大家参考下本文2017-07-07
本文主要介绍了node.js的事件机制，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了ES6中数组array新增方法,结合实例形式总结分析了ES6中数组array各种新增方法的功能及使用技巧,需要的朋友可以参考下2017-11-11
最新评论