查看: 2473|回复: 9

[教程] 时间日期的JS特效代码

[复制链接]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2009-5-31 20:39 | 显示全部楼层 |阅读模式

回复请不要发JS代码,一个页面只能显示一个。




代码:

<SCRIPT language=JavaScript>
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = "星期日"
if(today.getDay()==1) day = "星期一"
if(today.getDay()==2) day = "星期二"
if(today.getDay()==3) day = "星期三"
if(today.getDay()==4) day = "星期四"
if(today.getDay()==5) day = "星期五"
if(today.getDay()==6) day = "星期六"
document.fgColor = " darkslateblue";
date1 = "<font size=5 face=宋体 color=darkslateblue><B>" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + "</font>";
date2 = "<font size=5 face=宋体 color=darkslateblue><B>" + day + "</font>";
document.write("<center>" + date1.fontsize(2) + date2.fontsize(2) + "</center>");

</SCRIPT>
还能改变字体及大小,颜色.



[ 本帖最后由 gaoss33 于 2009-5-31 21:20 编辑 ]

该用户从未签到

鲜花(0) 鸡蛋(0)
 楼主| 发表于 2009-5-31 20:43 | 显示全部楼层






代码:

<span id=\"liveclock\" style=\"width: 109px; height: 15px\"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes=\"0\"+minutes
if(seconds<=9)
seconds=\"0\"+seconds
myclock=\"<font size=\'5\' color=red;\"+hours+\":\"+minutes+\":\"+seconds+\"</font>\"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout(\"www_helpor_net()\",1000)
}
www_helpor_net();
//-->
</SCRIPT>



[ 本帖最后由 gaoss33 于 2009-5-31 21:23 编辑 ]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2009-5-31 21:12 | 显示全部楼层
感谢gaoss33,明白了~

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2009-5-31 21:16 | 显示全部楼层

<span id=\"liveclock\" style=\"width: 109px; height: 15px\"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes=\"0\"+minutes
if(seconds<=9)
seconds=\"0\"+seconds
myclock=\"<font size=\'5\' color=red;\"+hours+\":\"+minutes+\":\"+seconds+\"</font>\"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout(\"www_helpor_net()\",1000)
}
www_helpor_net();
//-->
</SCRIPT>

[ 本帖最后由 gaoss33 于 2009-5-31 21:18 编辑 ]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2009-5-31 21:17 | 显示全部楼层

该用户从未签到

鲜花(0) 鸡蛋(0)
 楼主| 发表于 2009-5-31 21:31 | 显示全部楼层

倒计时

2010年上海世博会倒计时




代码:

<SPAN id=span_dt_dt style=\"align: center no:1px solid\"></SPAN>
<SCRIPT language=javascript>
<!--
//document.write(\"\");

function show_date_time(){
window.setTimeout(\"show_date_time()\", 1000);
BirthDay=new Date(\"05-02-2010\");//这个日期是可以修改的
today=new Date();
timeold=(BirthDay.getTime()-today.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML=\"<b><font id=a1 color=#ff0000 face=黑体 size=7>\"+daysold+\"天\"+hrsold+\"小时\"+minsold+\"分\"+seconds+\"秒\"+\"</b><br></font>\" ;

}

show_date_time();

//-->
</SCRIPT>

<STYLE>.time {
BEHAVIOR: url(#default#time2)
filter: /*ALE*/ }
</STYLE>

签到天数: 4247 天

[LV.Master]伴坛终老

鲜花(2) 鸡蛋(0)
发表于 2009-6-13 21:52 | 显示全部楼层
[ 本帖最后由 快乐一游 于 2009-6-13 21:54 编辑 ]

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-7-24 17:47 | 显示全部楼层

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-7-24 17:47 | 显示全部楼层
学习了 不错

该用户从未签到

鲜花(0) 鸡蛋(0)
发表于 2010-7-24 18:06 | 显示全部楼层
好东西,我收下了,谢谢!
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-12-26 13:23 , Processed in 0.051020 second(s), 19 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表