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

来源：动视网责编：小采时间：2020-11-27 19:32:02

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

js在网页上显示时间的代码实现:本篇文章给大家带来的内容是关于js在网页上显示时间的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

推荐度：

点击下载本文 文档为doc格式

导读js在网页上显示时间的代码实现:本篇文章给大家带来的内容是关于js在网页上显示时间的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

本篇文章给大家带来的内容是关于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)+'-'+$(day)+" "+$(hour)+":"+$(minute)+":"+$(second);
	document.getElementById("date1").innerHTML=time;
	}
	setTime();
	setInterval('setTime()',500);
	</script>
	</body>
</html>

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

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

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

推荐度：

点击下载本文 文档为doc格式

标签：显示时间日期

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐