一个简单实用的js时钟

来源:互联网 发布:淘宝店铺海报怎么制作 编辑:程序博客网 时间:2024/04/29 02:32

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <SCRIPT language=javascript>

function  Year_Month(){ 
  var  now  =  new  Date(); 
  var  yy  =  now.getYear(); 
  var  mm  =  now.getMonth(); 
  var  mmm=new  Array();
    mmm[0]="1月";
    mmm[1]="2月";
    mmm[2]="3月";
    mmm[3]="4月";
    mmm[4]="5月";
    mmm[5]="6月";
    mmm[6]="7月";
    mmm[7]="8月";
    mmm[8]="9月";
    mmm[9]="10月";
    mmm[10]="11月";
    mmm[11]="12月";
    mm=mmm[mm];
    return(mm  ); 
}

function  this_year(){ 
  var  now  =  new  Date(); 
  var  yy  =  now.getYear(); 
    return(yy  );
}

function  Date_of_Today(){ 
  var  now  =  new  Date(); 
    return(now.getDate()  );
}

function  CurentTime(){ 
  var  now  =  new  Date(); 
  var  hh  =  now.getHours(); 
  var  mm  =  now.getMinutes(); 
  var  ss  =  now.getTime()  %  60000; 
    ss  =  (ss  -  (ss  %  1000))  /  1000; 
    var  clock  =  hh+':'; 
    if  (mm  <  10)  clock  +=  '0'; 
    clock  +=  mm+':'; 
    if  (ss  <  10)  clock  +=  '0'; 
    clock  +=  ss; 
    return(clock);
}
 
function  refreshCalendarClock(){ 
    document.all.calendarClock1.innerHTML  =  Year_Month(); 
    document.all.calendarClock2.innerHTML  =  Date_of_Today(); 
    document.all.calendarClock3.innerHTML  =this_year(); 
    document.all.calendarClock4.innerHTML  =  CurentTime();
}

document.write('<b><font color=#555555 size=2>当前时间是: </font><font color=#555555 size=2 id="calendarClock3"></font></b>');
document.write('<b><font color=#555555 size=2>年</font><font color=#555555 size=2 id="calendarClock1"></font></b>');
document.write('<b><font color=#555555 size=2 id="calendarClock2"></font></b>');
document.write('<b><font color=#555555 size=2>日</font><font color=#555555 size=2  id="calendarClock4"></font></b>');
setInterval('refreshCalendarClock()',1000);
</SCRIPT>

 </BODY>
</HTML>

原创粉丝点击