JS动态加载当前时间的方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了JS动态加载当前时间的方法,涉及html的onload方法及javascript操作时间的技巧,需要的朋友可以参考下
本文实例讲述了JS动态加载当前时间的方法。分享给大家供大家参考。具体实现方法如下：
<body bgcolor="#fef4d9" onload ="time()">
<script language="JavaScript">
function time ()
{
var now = new Date();
var yr = now.getYear();
var mName = now.getMonth() + 1;
var dName = now.getDay() + 1;
var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
var ampm = (now.getHours() >= 12) ? " PM" : " AM"
var hours = now.getHours();
hours = ((hours > 12) ? hours - 12 : hours);
var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
if(dName==1) Day = "星期日";
if(dName==2) Day = "星期一";
if(dName==3) Day = "星期二";
if(dName==4) Day = "星期三";
if(dName==5) Day = "星期四";
if(dName==6) Day = "星期五";
if(dName==7) Day = "星期六";
if(mName==1) Month="1月";
if(mName==2) Month="2月";
if(mName==3) Month="3月";
if(mName==4) Month="4月";
if(mName==5) Month="5月";
if(mName==6) Month="6月";
if(mName==7) Month="7月";
if(mName==8) Month="8月";
if(mName==9) Month="9月";
if(mName==10) Month="10月";
if(mName==11) Month="11月";
if(mName==12) Month="12月";
var DayDateTime=(yr+ "年"+" "+ Month+ dayNr+ "日"+ Day+ " "
+ hours+ minutes+ seconds+ " "+ ampm
);
document.getElementById ("face").innerText=DayDateTime ;
timerID = setTimeout("time()",1000);
}
</script>
<form id ="form">
<div>
<asp:Label ID ="face" runat ="server" ></asp:Label>
</div>
</form>
</body>
希望本文所述对大家的javascript程序设计有所帮助。