动态显示时间

方法一:

<li id="localtime"></li>

      <script type="text/javascript">

function showLocale(objD)

{

	var str,colorhead,colorfoot;

	var yy = objD.getYear();

	if(yy<1900) yy = yy+1900;

	var MM = objD.getMonth()+1;

	if(MM<10) MM = '0' + MM;

	var dd = objD.getDate();

	if(dd<10) dd = '0' + dd;

	var hh = objD.getHours();

	if(hh<10) hh = '0' + hh;

	var mm = objD.getMinutes();

	if(mm<10) mm = '0' + mm;

	var ss = objD.getSeconds();

	if(ss<10) ss = '0' + ss;

	var ww = objD.getDay();

	if  ( ww==0 )  colorhead="<font color=\"#333\">";

	if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#373737\">";

	if  ( ww==6 )  colorhead="<font color=\"#008000\">";

	if  (ww==0)  ww="星期日";

	if  (ww==1)  ww="星期一";

	if  (ww==2)  ww="星期二";

	if  (ww==3)  ww="星期三";

	if  (ww==4)  ww="星期四";

	if  (ww==5)  ww="星期五";

	if  (ww==6)  ww="星期六";

	colorfoot="</font>"

	str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;

	return(str);

}

function tick()

{

	var today;

	today = new Date();

	document.getElementById("localtime").innerHTML = showLocale(today);

	window.setTimeout("tick()", 1000);

}

tick();

</script>

 

方法二:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>年月日时分秒加星期的即时显示的JS日期时间特效_标准之路www.aa25.cn</title>
</head>
<body>
<div id="time"></div>
<script language="javascript" type="text/javascript">
 window.onload=function (){
  setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
 }
</script>
</body>
</html>


 

你可能感兴趣的:(动态显示时间)