酷米社区

HTML-JavaScript---网页时间显示同步

288人参与 |分类: 网页代码|时间:2019年02月10日 17:56

网站运行时间同步代码,效果:20171111120215771.png


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>时间同步显示</title>
<script>
	function showtime(){
		var date = new Date();
		var year = date.getYear();
		var month = date.getMonth()+1;//注意月份书写的格式,比之前的月份少一所以必须加上
		var day = date.getDate();
		var hour = date.getHours();
		var mins = date.getMinutes();
		var sec = date.getSeconds();//得到所有的时间表示
		var st = year+"/"+month+"/"+day+"  "+hour+":"+mins+":"+sec;//转字符串
		document.getElementById("time").innerHTML="<font color=red>"+st+"</font>";
         //用innerHTML来控制层的值,div是一个层
		setTimeout("showtime()",1000);//间隔一秒运行前面的函数一次
	}
</script>
</head>
 
<body onload="showtime()">
当前时间:<br />
<div id="time"></div><!--写入时间的地方-->
</body>
</html>



来源:酷米社区(关注电脑技术和资源分享的博客)转载请保留此处和链接!

地址:

必填

选填

选填

必填

◎已有 0 人评论,请发表您的观点。