HTML调用时间和日期、星期的JS脚本

现在应该很少人去写JS了,一般用的都是别人的,当然这也是一个惯例,毕竟现在写JS太费时间了,况且自己写的JS还不一定是很好,今天TC写个时间的JS都纠结了半天,还是的去网上找,好了,技术文章不口水太多给大家上案例:

当前时间日期函数为:
Date();

那么我们把当前时间赋值给一个变形now,然后下面方便调用即:

now=Date();
年:
 now.getFullYear();
月:
 now.getMonth()+1;
日:
 now.getUTCDate();
时:
 now.getHours();
分:
 now.getMinutes();
秒:
 now.getSeconds();
星期(星期的结果是数字,星期日值为0):
 now.getDay();

当然星期的脚本也就出来了。

var weekday=new Array(7)
weekday[0]="日"
weekday[1]="一"
weekday[2]="二"
weekday[3]="三"
weekday[4]="四"
weekday[5]="五"
weekday[6]="六"
weekday[now.getDay()]

我们用一个完整的例子来看下效果。

<script> 
now=new Date(); 
document.write("现在时间:"+now+"<BR>");
nyear=now.getFullYear();
document.write("年:"+nyear+"<BR>");
nmonth=now.getMonth()+1;
document.write("月:"+nmonth+"<BR>");
nday=now.getUTCDate();
document.write("日:"+nday+"<BR>");
var weekday=new Array(7)
weekday[0]="日"
weekday[1]="一"
weekday[2]="二"
weekday[3]="三"
weekday[4]="四"
weekday[5]="五"
weekday[6]="六"
nwday=weekday[now.getDay()];
document.write("星期:"+nwday+"<BR>");
nhrs=now.getHours();
document.write("时:"+nhrs+"<BR>");
nmin=now.getMinutes();
document.write("分:"+nmin+"<BR>");
nsec=now.getSeconds();
document.write("秒:"+nsec+"<BR>");
document.write("现在时间:"+nyear+"年"+nmonth+"月"+nday+"日星期"+nwday+nhrs+"时"+nmin+"分"+nsec+"秒"+"<BR>");
</script>

网上还有农历的调用方法也给大家展示一下。

<script>
t0=new Date().getTime();
now=new Date();
nhrs=now.getHours();
nmin=now.getMinutes();
nsec=now.getSeconds();
nyear=now.getFullYear();
nmonth=now.getMonth()+1;
nday=now.getUTCDate();
nwday=now.getUTCDay();

function NewTick(){noww=new Date();t1=noww.getTime();
tnext=last0+200;
if(t1<tnext){t1=tnext;}
else if((t1-tnext)>45000&last0!=t0){t1=tnext;}
last0=t1;
noww.setTime(t1+dectime);
if(noww.getDate()!=nday){
nextday=true;
nyear=noww.getFullYear();
nmonth=noww.getMonth()+1;
nwday=noww.getDay();
nday=noww.getDate();
getlday();}
nhrs=noww.getHours();nmin=noww.getMinutes();nsec=noww.getSeconds();
}
dectime=new Date(nyear,nmonth-1,nday,nhrs,nmin,nsec).getTime()-t0;
var lunarInfo=new Array(0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,
0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0,
0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,
0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,
0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,
0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x05ac0,0x0ab60,0x096d5,0x092e0,//1990
0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,
0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,
0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,
0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,
0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0,0x14b63);
function lYearDays(y){var i,sum=348;for(i=0x8000;i>0x8;i>>=1) sum+=(lunarInfo[y-1900]&i)?1:0;return(sum+leapDays(y));}

function leapDays(y){if(leapMonth(y)) return((lunarInfo[y-1900]&0x10000)?30:29);else return(0);}function leapMonth(y)

{return(lunarInfo[y-1900]&0xf);}function monthDays(y,m){return((lunarInfo[y-1900]&(0x10000>>m))?30:29);}function Lunar

(y,m,d){var i,leap=0,temp=0;var offset=(Date.UTC(y,m,d)-Date.UTC(1900,0,31))/86400000;for(i=1900;i<2050&&offset>0;i++)

{temp=lYearDays(i);offset-=temp;}if(offset<0){offset+=temp;i--;}this.year=i;leap=leapMonth(i);this.isLeap=false;for

(i=1;i<13&&offset>0;i++){if(leap>0&&i==(leap+1)&&this.isLeap==false){--i;this.isLeap=true;temp=leapDays(this.year);}else

{temp=monthDays(this.year,i);}if(this.isLeap==true&&i==(leap+1))this.isLeap=false;offset-=temp;}if

(offset==0&&leap>0&&i==leap+1)if(this.isLeap){this.isLeap=false;}else{this.isLeap=true;--i;}if(offset<0){offset+=temp;--

i;}this.month=i;this.day=offset+1;}
var nStr1=new Array('','一','二','三','四','五','六','七','八','九','十','十一','十二');
var nStr2=new Array('初','十','廿','卅','□');
function GetcDay(d){var s;switch(d){case 10:s='初十';break;case 20:s='二十';break;case 30:s='三十';break;default:s=nStr2

[Math.floor(d/10)];s+=nStr1[d%10];break;}return(s);}
function GetcMon(m){if(m==1) return '正';else return nStr1[m];}

var hzWeek= new Array("日","一","二","三","四","五","六","日");
function cweekday(wday){return hzWeek[wday];}
nextday=false;last0=t0;lmonth=0;lday=0;
function getlday(){lObj=new Lunar(nyear,nmonth-1,nday);lmonth=GetcMon(lObj.month);lday=GetcDay(lObj.day);}
getlday();
function shape(x){
if(x<=9) return "0"+x;
else return x;
}
function writeday()
{
document.getElementById("nyear").innerHTML=nyear;           // 年
document.getElementById("nmonth").innerHTML=nmonth;         // 月
document.getElementById("nday").innerHTML=nday;             // 日
document.getElementById("nl").innerHTML=lmonth+"月"+lday;   // 农历
document.getElementById("nwday").innerHTML=cweekday(nwday); // 星期
}
function Draw(){
NewTick();
if(nextday==true){
writeday();
}
document.getElementById("nhrs").innerHTML=shape(nhrs); 
document.getElementById("nmin").innerHTML=shape(nmin); 
document.getElementById("nsec").innerHTML=shape(nsec); 
setTimeout("Draw()",200);
}
</script>
现在时间:<font id=nyear></font>年<font id=nmonth></font>月<font id=nday></font>日&nbsp;农历<font id=nl></font>&nbsp;星期<font id=nwday></font>&nbsp;<font id=nhrs ></font>:<font id=nmin ></font>:<font id=nsec ></font>
<script>writeday();Draw()</script>


本文固定链接: http://20tc.com/html-use-js.html | TC的博客

该日志由 TC 于2012年06月20日发表在 Javascript 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: HTML调用时间和日期、星期的JS脚本 | TC的博客
关键字:

HTML调用时间和日期、星期的JS脚本:目前有1 条留言

  1. 沙发
    子瑜 China Netscape Navigator Windows :

    技术有用,收藏了

    2013-05-18 上午 11:38 [回复]

发表评论


*

快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量