首页 > web前端 > js教程 > js在网页上显示时间的代码实现

js在网页上显示时间的代码实现

不言
发布: 2018-08-22 11:43:39
原创
3322 人浏览过

本篇文章给大家带来的内容是关于js在网页上显示时间的代码实现 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
			<span id="date1">
			</span>
			
		<script >
		
			function $(num1){
				return num1<10?"0"+num1:num1;
			}
			
			function setTime(){
				var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();//在使用天数的时候使用date来得到
				var week = date.getDay();//getday得到的是一周内的第几天
				console.log();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();
				var time = year+"-"+$(month)+&#39;-&#39;+$(day)+"  "+$(hour)+":"+$(minute)+":"+$(second);
				document.getElementById("date1").innerHTML=time;
			}
			setTime();
			setInterval(&#39;setTime()&#39;,500);
		</script>
	</body>
</html>
登录后复制

使用javascript的一个小技巧,先是获取各个时间,在通过函数结合在一起,然后通过document.getElementById().innerHTML=结合后时间。来打印。

注意的是,在使用setinterval()之前需要调用一次函数(为了防止页面一开始打开时空白)。

相关推荐:

JavaScript在网页中动态显示当前日期和时间

js实现在网页上简单显示时间的方法_javascript技巧

以上是js在网页上显示时间的代码实现的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板