当前位置：首页 > 网页特效 > 时间日期 >

最简单的方法实现网页时间显示

时间：2013-06-02 21:32 来源：互联网作者：源码搜藏收藏推荐

<HTML>
<HEAD>
<TITLE>最简单时间显示</TITLE>
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
	FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE1 {
	font-size: 40px;
	color: #0000FF;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "华文行楷";
}
</STYLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR>
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
  <span class="STYLE1"><FONT face=隶书>最简单时间显示</FONT></span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#9966FF border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><span class="STYLE2"><FONT color=red>效果显示</FONT></span></TD>
  </TR>
  <TR>
    <TD align=middle>
      <DIV id=jnkc></DIV>
      <SCRIPT>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</SCRIPT>
  </TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

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