`
a19905522
  • 浏览: 95990 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

js显示日期和时间收藏(

    博客分类:
  • JS
 
阅读更多

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
dayName = new Array("", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday") 
monName = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") 
now = new Date 
// End --> 
</script> 
<SCRIPT LANGUAGE="JavaScript"> 

<!-- This script and many more are available free online at --> 
<!-- The JavaScript Source!! http://javascript.internet.com --> 

<!-- Begin 
var strDay; 
if ((now.getDate() == 1) || (now.getDate() != 11) && (now.getDate() % 10 == 1)) // Correction for 11th and 1st/21st/31st 
strDay = "st "; 
else if ((now.getDate() == 2) || (now.getDate() != 12) && (now.getDate() % 10 == 2)) // Correction for 12th and 2nd/22nd/32nd 
strDay = "nd "; 
else if ((now.getDate() == 3) || (now.getDate() != 13) && (now.getDate() % 10 == 3)) // Correction for 13th and 3rd/23rd/33rd 
strDay = "rd "; 
else 
strDay = "th "; 
document.write( 
dayName[now.getDay()] 
+ 
" the " 
+ 
now.getDate() 
+ 
strDay 
+ 
"of " 
+ 
monName[now.getMonth()] 
+ 
", " 
+ 
now.getFullYear() 
) 
// End --> 
</script>
*******************************************************************************
2、
代码演示效果为“2007年2月25日星期日正午12:42:48”
使用方法:将下面的JS代码放到你想要显示的页面中(支持HTML页面),然后在你想要显示时间的位置插入下面的代码即可
<div id="Clock" align="center" style="font-size: 12px; color:#000000"></div>
-------------------------
<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() + d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) {
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>
*************************************************************************
链接外部网络的时钟:
-------------------------------------------
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5010-black.swf";obj.TimeZone = "CCT";obj.width = 222;obj.height = 66;obj.wmode = "transparent";showClock(obj);</script>
-------------------------------------------
<embed src="http://www.clocklink.com/clocks/5010-black.swf?TimeZone=CCT&" width="222" height="66" wmode="transparent" type="application/x-shockwave-flash">
************************************************************************
//////////////////////////////////////////////////////////////////////////////////////
实时走动的数字时钟

<script>
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today;
today = new Date();
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
hours = "12:";
xfile = "午夜";
} else if (intHours < 12) { 
hours = intHours+":";
xfile = "上午";
} else if (intHours == 12) {
hours = "12:";
xfile = "正午";
} else {
intHours = intHours - 12
hours = intHours + ":";
xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
} 
timeString = xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>

第二步.将下面的代码加入html文件任意需要的地方

<div id="Clock" align="center" style="font-size: 20; color:#000000"></div>

你可以自行更改样式!

--------------------------------------
 
显示年月日格式的时间代码

<script language=javascript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"</font>" ); 
</script>
 
-----------------------------------------

显示日期,星期,时间格式的代码

<script language="javascript"> 
<!---
today=new Date();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
var timevalue = "<FONT COLOR=black>" + ((hours >12) ? hours -12 :hours); 
timevalue += ((minutes < 10) ? "<BLINK><FONT COLOR=black>:</FONT></BLINK>0" : "<BLINK><FONT COLOR=black>:</FONT></BLINK>") + minutes+"</FONT></FONT>";
timevalue += (hours >= 12) ? "<FONT COLOR=blue><I><B>pm</B></I></FONT>" : "<FONT COLOR=blue><B><I>am</I></B></FONT>";
function initArray()
{
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] 
}
var d =new initArray("<font color=RED>星期日</font>","星期一 ","星期二","星期三","星期四","星期五","<font color=RED>星期六</font>");
document.write(today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1]," ",timevalue); 
//-->
</script> 

--------------------------------------
 
显示来访者的停留时间

<script language="javascript">
var ap_name = navigator.appName;
var ap_vinfo = navigator.appVersion;
var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('(')));

var time_start = new Date();
var clock_start = time_start.getTime();
var dl_ok=false;

function init ()
{
if(ap_name=="Netscape" && ap_ver>=3.0)
dl_ok=true; 
return true;
}

function get_time_spent ()
{ 
var time_now = new Date();
return((time_now.getTime() - clock_start)/1000); 
}

function show_secs () // show the time user spent on the side
{ 
var i_total_secs = Math.round(get_time_spent()); 
var i_secs_spent = i_total_secs % 60;
var i_mins_spent = Math.round((i_total_secs-30)/60); 
var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent);
var s_mins_spent = "" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent);
document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent;
window.setTimeout('show_secs()',1000); 
}
</script>

<FORM name="fm0" onSubmit="0"><FONT COLOR="#6060FF">停留时间:
</FONT><INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM>

第二步:在你主页源文件<body>中加入下面代码

<BODY onLoad="init(); window.setTimeout('show_secs()',1);">

----------------------------------
 
显示当前日期与时间的格式

<script language="javascript">
<!--
now = new Date()
hour = now.getHours()
if (hour < 12) {
document.write("现在是: " + now.toLocaleString())
} else if (hour < 18){
document.write("现在是: " + now.toLocaleString())
} else if (hour >= 18) {
document.write("现在是: " + now.toLocaleString())
}
// -->
</script>

-------------------------------
 
浏览器状态栏显示的时钟

<BODY onLoad="run(); timerONE=window.setTimeout"></BODY>

<SCRIPT LANGUAGE="javascript">
<!-- Hide
timeID = null;
timeRunning = false;
function stop () {
if(timeRunning)
clearTimeout(timeID);
timeRunning = false;
}
function time () {
tick = new Date();
hours = tick.getHours();
minutes = tick.getMinutes();
seconds = tick.getSeconds();
day = tick.getDay();
month = tick.getMonth();
date = tick.getDate();
year = tick.getYear();
current = "" + ((hours >12) ? hours -12 :hours)
current += ((minutes < 10) ? ":0" : ":") + minutes
current += ((seconds < 10) ? ":0" : ":") + seconds
current += (hours >= 12) ? " P.M." : " A.M."
if(day==0){var weekday = " 星期日"}
if(day==1){var weekday = " 星期一"}
if(day==2){var weekday = " 星期二"}
if(day==3){var weekday = " 星期三"}
if(day==4){var weekday = " 星期四"}
if(day==5){var weekday = " 星期五"}
if(day==6){var weekday = " 星期六"}
current +=(weekday)
window.status=current;
timeID = setTimeout("time()",1000);
timeRunning = true;
}
function run(){
stop();
time();
}
//-->
</SCRIPT>

------------------------------------------
显示最后更新时间代码

<SCRIPT language=javascript>
<!--hide script from old browsers
document.write("最后更新时间: " + document.lastModified + "")
// end hiding -->
</SCRIPT>

-----------------------------------------
 
根据不同的时间显示不同的问候语

方法:在主页中你需要的地方加入以下代码:

<script language="LiveScript">
now = new Date(),hour = now.getHours()
if(hour < 6){document.write("明天不用上班了吗?")}
else if (hour < 8){document.write("全新的一天!")}
else if (hour < 12){document.write("早安!")}
else if (hour < 14){document.write("外面太阳大吗?")}
else if (hour < 18){document.write("午安!")}
else if (hour < 22){document.write("晚上好!")}
else if (hour < 24){document.write("夜深了! 要注意身体呀! 祝你做个好梦!")}
</script>

说明,可以自行修改出更好更多的问候语!

-----------------------------------------

一个很酷的透明时钟代码

方法:在页面中你需要的地方加入下面的代码

<STYLE type=text/css>
BODY {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}
TD {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}
A:visited {COLOR: #000080;text-decoration:none}
a:link       { text-decoration:none }
a:hover      { text-decoration:underline }
.f12 {font-size:12px;}
.f13 {font-size:14.9px; LINE-HEIGHT: 120%}
.f24 {font-size:24px;LINE-HEIGHT: 120%}
.f14 {font-size:14.9px; LINE-HEIGHT: 170%}
</STYLE>
<script LANGUAGE="javascript">
Zp=670;
H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Yp=0;
Xp=0;
Yb=8;
Xb=8;
d_=12;

ns=(document.layers)?1:0;
fCol='222222';
sCol='ff0000';
mCol='0000ee';
hCol='green';
if (ns)
{
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ');
for (i=0;i<d_;i++)
{document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');}
for (i=0;i<M.length;i++)
{document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');}
for (i=0;i<H.length;i++)
{document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');}
for (i=0;i<S.length;i++)
{document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');}
}
else
{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1;i<d_+1;i++)
{
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>');
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0;i<M.length;i++)
{
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>');
document.write('</div></div>');
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0;i<H.length;i++)
{document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}
document.write('</div></div>');
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0;i<S.length;i++)
{document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');}
document.write('</div></div>');
}
function clock()
{
time=new Date ();
secs=time.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=time.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=time.getHours();
hrs=-1.57+Math.PI*hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ns)
{
Yp=window.pageYOffset+window.innerHeight-60;Xp=80;
}
else
{
Yp=document.body.scrollTop+window.document.body.clientHeight-60;
Xp=document.body.scrollLeft+60;
}
if (ns)
{
for (i=0;i<d_;++i)
{
document.layers["nsDigits"+i].top=Yp-5+40*Math.sin(-0.49+d_+i/1.9);
document.layers["nsDigits"+i].left=Xp-15+40*Math.cos(-0.49+d_+i/1.9);
}
for (i=0;i<S.length;i++)
{
document.layers["nx"+i].top=Yp+i*Yb*Math.sin(sec);
document.layers["nx"+i].left=Xp+i*Xb*Math.cos(sec);
}
for (i=0;i<M.length;i++)
{
document.layers["ny"+i].top=Yp+i*Yb*Math.sin(min);
document.layers["ny"+i].left=Xp+i*Xb*Math.cos(min);
}
for (i=0;i<H.length;i++)
{
document.layers["nz"+i].top=Yp+i*Yb*Math.sin(hrs);
document.layers["nz"+i].left=Xp+i*Xb*Math.cos(hrs);
}
}
else
{
for (i=0;i<d_;++i)
{
ieDigits[i].style.pixelTop=Yp-15+40*Math.sin(-0.49+d_+i/1.9);
ieDigits[i].style.pixelLeft=Xp-14+40*Math.cos(-0.49+d_+i/1.9)+Zp;
}
for (i=0;i<S.length;i++)
{
x[i].style.pixelTop=Yp+i*Yb*Math.sin(sec);
x[i].style.pixelLeft=Xp+i*Xb*Math.cos(sec)+Zp;
}
for (i=0;i<M.length;i++)
{
y[i].style.pixelTop=Yp+i*Yb*Math.sin(min);
y[i].style.pixelLeft=Xp+i*Xb*Math.cos(min)+Zp;
}
for (i=0;i<H.length;i++)
{
z[i].style.pixelTop=Yp+i*Yb*Math.sin(hrs);
z[i].style.pixelLeft=Xp+i*Xb*Math.cos(hrs)+Zp;
}
}
setTimeout('clock()', 50);
}

if (document.layers || document.all) {window.onload=clock;}
window.onload=clock;
</script>
********************************************************************
 
分享到:
评论

相关推荐

    js通用日期格式化工具 date.js

    js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题

    JavaScript网页特效范例宝典源码

    实例112 在状态栏中显示日期时间 178 实例113 使用数组显示星期 179 实例114 在表格中显示时间 180 实例115 退出页面时显示停留时间 181 实例116 显示用户在页面的停留时间 182 实例117 显示最后修改时间 183 4.2 ...

    程序天下:JavaScript实例自学手册

    第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24...

    javascript网页特效实例大全

    4.4 标题栏显示日期 68 4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站的时间 70 4.8 页面的最后更新日期 71 4.9 节日倒计时 72 4.10 定时打开指定页面 72 4.11 显示在背景上的时钟 73 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24...

    经典非原创,网页常用Javascript

    网页常用Javascript 1.让文字不停地滚动 2.记录并显示网页的最后修改时间 ...13.显示系统当前日期 14.不同时间段显示不同问候语 15.水中倒影效果 16.慢慢变大的窗口 17.改变IE地址栏的IE图标

    常用的javascript

    常用的javascript,1.让文字不停地滚动 2.记录并显示网页的最后修改时间 ...13.显示系统当前日期 14.不同时间段显示不同问候语 15.水中倒影效果 16.慢慢变大的窗口 17.改变IE地址栏的IE图标

    javascript大全---个人认为是很全了

    显示日期.htm 显示页面中的链接.htm 旋转的文字.htm 页面关闭时自动跳出收藏夹.htm 页面滚动效果.htm 页面装载效果.htm 页面自动跳转的.htm 在站内停留时间.htm 状态栏显示.htm 状态栏显示链接内容.htm 自动计算的...

    javascript函数的解释

    置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设 置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds (val)设置秒 [注意:此日期时间从0开始...

    JavaScript实例精通

    示例描述:JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    7、原生JavaScript时间日期格式转换 8、原生JavaScript判断是否为数字类型 9、原生JavaScript设置cookie值 10、原生JavaScript获取cookie值 11、原生JavaScript加入收藏夹 12、原生JavaScript设为首页 13、原生...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    title显示日期.html 不准粘贴.html 不能为空和邮件地址的约束.html 不要滚动条.html 光标是停在文本框文字的最后.html 关闭输入法.html 删除时确认.html 判断上一页的来源.html 去掉图片链接点击后,图片...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示...

    百度收藏夹(ASP仿腾讯微博) v2.9.rar

    36、仿QQ聊天软件,修改即时对话在查看消息记录时,显示日期. 37、因百度首页更改按钮和输入框的样式,仿百度首页修改样式。 38、修改查看广播时不自动为分享到腾讯微博做过滤动作,只有点击TQQ后才运行javascript...

    JavaScript实用范例词典04-14

    10.17 显示网页的最后更新时间... 328 10.18 为网页设置访问时间限制... 329 10.19 取得屏幕的色彩品质... 331 10.20 将链接页面显示在右页框中... 331 10.21 更换内置页框的内容... 333 10.22 同时卷动两个页...

    107个常用javascript语句

    分,dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计] 43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName 44.parent代表父亲对象,top...

    PHP函数库,PHP函数大全,PHP函数实例,PHP函数手册,PHP5函数库实例

    PHP显示日期、周几、农历初几、什么节日函数 PHP格式化数据,防止注入函数 PHP模拟登陆 PHP生成唯一标识符函数 PHP生成曲线图函数 PHP生成条形码 PHP统计字符串里单词出现次数 PHP缩略图类,可生成BMP格式 ...

Global site tag (gtag.js) - Google Analytics