网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

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

JavaScript显示系统时间，自动走秒

时间：2012-08-14 14:18 来源：互联网作者：admin 收藏推荐

<!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>JavaScript 时间显示</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>
<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>

</body>
</html>

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

JavaScript显示系统时间,显示年月日时分秒和星期，每秒自动刷新，并加入日期颜色区别:

星期一至星期五显示为黑色
星期六显示为绿色
星期日显示为红色

由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-shijian/219.html

标签：源码网站源码

上一篇：CSS3数字时钟

下一篇：1900-2100 两百年超酷百年日历

[时间日期] 用HTML5实现的圆形时钟倒计时

[时间日期] 可选择起始日期和结束日期的时间

[时间日期] jquery.MyDigitClock.js数字时钟

[时间日期] 万年历，JS万年历，兼容火狐、IE

[时间日期] jQuery平面刻度尺风格的网页时钟

[时间日期] jQuery写的网页上的倒计时效果

[时间日期] JS节日倒计时效果

[时间日期] 超级推荐：css3 clock 简洁的指

[时间日期] CSS3数字时钟

[时间日期] 网页秒表计时器

[时间日期] 精确的计时器

[时间日期] jQuery倒计时代码显示天、小时

相关内容推荐

兼职小程序

站内搜索代码

矢量图片素材

千博政府网站管理系统

成品app直播源码价格

网钛IDC云管理系统

.net在线网校系统源码

社群团购源码

课程预约源码

智能代还app

视频会议系统

热门源码

下载网站源码

php问答系统下载

网站首页模板

学生学籍管理系统

asp网站源码

网站源码下载

php网站源码

免费网站模板下载

企业网站管理

个人博客模板

在线客服代码

网站客服代码

安卓源码下载

个人网站设计模板

asp源码下载

网站源代码下载

素材解析平台

企业网站模板

企业网站程序

在线客服源码

个人网页设计模板

飞天侠淘宝客

网址导航源码

企业网站模板下载

免费商业源码

个人主页源码

网站后台管理模板

网络编程技术

html个人主页模板

网页模板免费下载

门户网站源码

新闻发布系统

网站模板免费下载

企业网站源码

后台管理模板

登录界面素材

公司网站模板

学校网站模板

网站模板下载

企业网页设计模板

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

COPYRIGHT 2012-2019 济南朗达信息技术有限公司版权所有鲁ICP备16040249号-5

鲁公网安备 37010202002306号