六种风格时间显示,一定有你喜欢的！

2009-06-04　来源/作者：HTML5中文学习网　分类：时间日期　 «»

<SCRIPT language="javascript">
<!--
function initArray()
 {
  for(i=0;i<initArray.arguments.length;i++)
  this[i]=initArray.arguments[i];
 }
 var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
 var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");
 today=new Date();
 hrs=today.getHours();
 min=today.getMinutes();
 sec=today.getSeconds();
 clckh=""+((hrs>12)?hrs-12:hrs);
 clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;
 clck=(hrs>=12)?"下午":"上午";
 var stnr="";
 var ns="0123456789";
 var a="";

function getFullYear(d)
{
  yr=d.getYear();if(yr<1000)
  yr+=1900;return yr;}
  document.write("<table>");
  
//下面各行分别是一种风格，把不需要的删掉即可
  document.write("<TR><TD>风格一:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年");
  document.write("<TR><TD>风格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");
  document.write("<TR><TD>风格三:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate()+"日,"+getFullYear(today)+"年 "+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");
  document.write("<TR><TD>风格四:</TD><TD>"+(today.getMonth()+1)+"/"+today.getDate()+"/"+(getFullYear(today)+"").substring(2,4)+"</TD></TR>");
  document.write("<TR><TD>风格五:</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>");
  document.write("<TR><TD VALIGN=TOP>风格六:</TD><TD>"+today+"</TD></TR>");

document.write("</table>");
//-->
</SCRIPT>

运行代码保存代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

效果演示：

风格一:	星期一,8月13日,2007年
风格二:	2:33:40下午
风格三:	星期一,8月13日,2007年 2:33:40下午
风格四:	8/13/07
风格五:	14:33:40
风格六:	Mon Aug 13 14:33:40 UTC+0800 2007

标签：时间日期

猜你也喜欢看这些 ······: Arctext弧形文字效果插件（CSS3&jQuery）其他代码2013-02-01; 单行文字循环滚动(jQuery)其他代码2013-02-01; 右侧带缩略图jQuery焦点图代码焦点图2013-01-24; css3动态导航菜单模版菜单导航2013-01-23; 单张放大图片展示效果(jQuery)图片特效2013-01-22

这些是最新的 ······: 仿邮箱密码色条随输入长度变化其他特效2013-01-09; CSS布局：自适应高度的CSS布局CSS样式2012-11-20; CSS布局：根据浏览器宽度自动把布局从三栏切换成两栏加底栏CSS样式2012-11-19; CSS布局：右栏固定宽度,左栏内容先出现同时自适应宽度CSS样式2012-11-19; CSS布局：中栏固定宽度,左右两栏宽度自适应CSS样式2012-11-19