JS动态显示时间在页面的代码一例
发布时间：2014-10-19 编辑：jiaochengji.com
介绍一个可以实时显示时间在页面中的代码，有需要的朋友，可以参考学习下。
代码如下：
<!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.jbxue.com</title>
<head>
<body>
<span id="localtime"></span>
<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=\"#FF0000\">";
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>
</body>
</html>您可能感兴趣的文章：
javascript页面上动态时间显示实例
JS动态显示时间在页面的代码一例
js动态时间显示实例二则
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
javascript定时关闭网页与动态显示时间的代码
jquery控制自动刷新的代码举例
获取服务器时间并动态显示在页面中的php与js代码
js 3秒后跳转页面实例代码
Js页面时间实时更新的实现代码
.net入门教程:ASP.NET 在网页使用方法
上一篇：js数组操作方法大全
下一篇：JS动态显示当前时间(12/24小时制)的代码
[关闭]