destoon采集论坛

 找回密码
 立即注册
查看: 395|回复: 8

经典的时间特效代码锦集

[复制链接]

6

主题

17

回帖

60

积分

注册会员

Rank: 2

积分
60
发表于 2010-9-10 21:20:33 | 显示全部楼层 |阅读模式
一、实时走动的数字时钟 如:下午14:15:00

第一步:在区域加入以下代码

XML/HTML代码[ol]
  • [/ol]复制代码第二步.将下面的代码加入html文件任意需要的地方[ol]
  • [/ol]复制代码你可以自行更改样式!

    二、显示年月日格式的时间代码 如:2008年11月27日 星期四

    XML/HTML代码[ol]
  • [/ol]复制代码

    三、显示日期,星期,时间格式的代码 如:2008年11月27日星期四 下午2:17:36

    XML/HTML代码[ol]
  •                 [/TD]
  •                 [TD]
  •                   
  • [/ol]复制代码

    四、显示来访者的停留时间 如:停留时间: 00:15

    XML/HTML代码[ol]
  •    
  • 停留时间:     
  • [I]  
  • [/ol]复制代码而且还要在你主页源文件中加入下面的代码[ol]
  • [B]
  • [/ol]复制代码

    五、显示当前日期与时间 如:现在是: 2008年11月27日 14:18:59 时间不走动

    XML/HTML代码[ol]
  •    
  • [/ol]复制代码

    六、浏览器状态栏显示的时钟 如:2:20 P.M. 星期四 在状态栏显示

    XML/HTML代码[ol]
  • [B][/B]   
  •    
  • [/ol]复制代码

    七、显示最后更新时间代码 如:最后更新时间: 11/27/2008 14:21:04

    XML/HTML代码[ol]
  •    
  • [/ol]复制代码
  • 回复

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:22:33 | 显示全部楼层

    八、实时走动的数字时钟 如:下午14:22:03

    XML/HTML代码[ol]
  • [/ol]复制代码九、根据不同的时间显示不同的问候语 如:午安!

    XML/HTML代码
    方法:在主页中你需要的地方加入以下代码:[ol]
  •    
  • [/ol]复制代码说明,可以自行修改出更好更多的问候语!

    十、显示年月日星期及农历的月和日 如:2008年11月27日 星期四 农历 10月30日

    第一步:将一下代码保存为.JS文件

    XML/HTML代码[ol]
  • LASTYEAR ) return 1;
  • sm = SolarMonth - 1;
  • if ( sm  11 ) return 2;
  • leap = GetLeap( SolarYear );
  • if ( sm == 1 )
  • d = leap + 28;
  • else
  • d = SolarCal[sm];
  • if ( SolarDate  d ) return 3;
  • y = SolarYear - FIRSTYEAR;
  • acc = SolarDays[ leap*14 + sm ] + SolarDate;
  • kc = acc, + LunarCal[y].BaseKanChih;
  • Kan = kc % 10;
  • Chih = kc % 12;
  • Location = LocationIdx[kc % 4];
  • Age = kc % 60;
  • if ( Age  im ) {
  • LunarMonth--;
  • if ( LunarMonth == im ) LunarMonth = -im;
  • }
  • if ( LunarMonth > 12 ) LunarMonth -= 12;
  • today=new Date();
  • function initArray(){
  • this.length=initArray.arguments.length
  • for(var i=0;i ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1],"");
  • document.write( " 农历 " + LunarMonth + "月" + LunarDate + "日");
  • return 0;
  • }
  • /* 求此年是否為閏年, 返回 0 為平年, 1 為閏年 */
  • function GetLeap( year )
  • {
  • if ( year % 400 == 0 )
  • return 1;
  • else if ( year % 100 == 0 )
  • return 0;
  • else if ( year % 4 == 0 )
  • return 1;
  • else
  • return 0;
  • }
  • function tagLunarCal( d, i, w, k, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13) {
  • this.BaseDays = d; /* 到 1 月 1 日到農曆正月初一的累積日數 */
  • this.Intercalation = i; /* 閏月月份. 0==此年沒有閏月 */
  • this.BaseWeekday = w; /* 此年 1 月 1 日為星期幾再減 1 */
  • this.BaseKanChih = k; /* 此年 1 月 1 日之干支序號減 1 */
  • this.MonthDays = [ m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13 ]; /* 此農曆年每月之大小, 0==小月(29日), 1==大月(30日) */
  • }
  • //-->
  • CalConv();
  • [/ol]复制代码第二步:在你网页所需要的地方插入调用代码

    XML/HTML代码[ol]
  • [/ol]复制代码十一、根据不同的时候显示不同的问候+后面跟着一句不变的话 如:下午好! ……

    XML/HTML代码[ol]
  • [/ol]复制代码
  • 回复 支持 反对

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:23:27 | 显示全部楼层

    十二、显示年月日星期及今年的第几周 如:2008年11月27日 星期四 今年的第44周

    XML/HTML代码[ol]
  •    
  • [/ol]复制代码十三、显示年月日、农历月日及星期 如:2008年11月27日 农历十月三十 星期四

    XML/HTML代码

    [ 本帖最后由 588sl 于 2010-9-10 21:25 编辑 ]
  • 回复 支持 反对

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:24:49 | 显示全部楼层

    [ol]
  •    
  •    
  •    
  •    
  •   
  • [/ol]复制代码
  • 回复 支持 反对

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:26:38 | 显示全部楼层

    十四、显示年月日、时间及星期 如:2008年11月22日 10:10:58  星期六

    XML/HTML代码[ol]
  •    
  • [/ol]复制代码十五、显示年月日、星期及农历XX年 XX月XX日  如:2008年11月27日 星期四 农历戊子年 十月三十

    XML/HTML代码[ol]
  • [/ol]复制代码
  • 回复 支持 反对

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:27:09 | 显示全部楼层

    十六、显示年月日、星期及当前实时走动的时间  如:2008年12月02日 星期二 15:50:50

    先将以下代码保存为 time.js  

    XML/HTML代码[ol]
  • var dayarray=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
  • var montharray=new Array("01","02","03","04","05","06","07","08","09","10","11","12")
  • function getthedate(){
  • var mydate=new Date()
  • var year=mydate.getYear()
  • if (year =12)
  • //dn="下午"
  • //if (hours>12){
  • //hourshours=hours-12
  • //}
  • //if (hours==0)
  • //hours=12
  • var dn=""
  • if (minutes");
  • [/ol]复制代码再在网页显示处插入以下调用代码:

    XML/HTML代码[ol]
  • [/ol]复制代码十七、只显示农历日期  如:农历三月(小)十八

    XML/HTML代码[ol]
  • [/ol]复制代码十八、只显示生肖年及农历日期  如:己丑年 四月十七

    先将下面的代码保存为:data.js

    XML/HTML代码[ol]
  • >n)&1; }
  • function e2c()
  • {   
  • TheDate= (arguments.length!=3) ? new Date() : new Date(arguments[0],arguments[1],arguments[2]);   
  • var total,m,n,k;   
  • var isEnd=false;   
  • var tmp=TheDate.getFullYear();   
  • total=(tmp-1921)*365+Math.floor((tmp-1921)/4)+madd[TheDate.getMonth()]+TheDate.getDate()-38;  if (TheDate.getYear()%4==0&&TheDate.getMonth()>1) { total++;}  for(m=0;;m++)  {    k=(CalendarData[m]=0;n--)    {      if(totalMath.floor(CalendarData[m]/0x10000)+1)  { cMonth--; }   }}
  • function GetcDateString(){ var tmp="";  tmp+=tgString.charAt((cYear-4)%10);
  • tmp+=dzString.charAt((cYear-4)%12);   
  • tmp+="年 ";
  • if(cMonth2020)  {          return "";
  •   }        else        {          solarMonth = (parseInt(solarMonth)>0) ? (solarMonth-1) : 11;          e2c(solarYear,solarMonth,solarDay); return GetcDateString();        }}
  • var D=new Date();
  • var yy=D.getFullYear();
  • var mm=D.getMonth()+1;
  • var dd=D.getDate();
  • var ww=D.getDay();
  • var ss=parseInt(D.getTime() / 1000);
  • function CAL(){
  • document.write("
  • document.write(""+GetLunarDay(yy,mm,dd));
  • document.write("");
  • }
  • -->
  • [/ol]复制代码然后在网页所需要显示的地方加入如下代码调用:

    XML/HTML代码[ol]
  • [/ol]复制代码
  • 回复 支持 反对

    使用道具 举报

    6

    主题

    17

    回帖

    60

    积分

    注册会员

    Rank: 2

    积分
    60
     楼主| 发表于 2010-9-10 21:27:28 | 显示全部楼层

    真麻烦,还有字数限制
    回复 支持 反对

    使用道具 举报

    7

    主题

    62

    回帖

    163

    积分

    注册会员

    Rank: 2

    积分
    163
    发表于 2010-9-10 22:44:45 | 显示全部楼层

    牛人,不简单,看起来很复杂
    回复 支持 反对

    使用道具 举报

    13

    主题

    102

    回帖

    633

    积分

    高级会员

    Rank: 4

    积分
    633
    发表于 2012-4-23 13:47:06 | 显示全部楼层

    好贴必顶,博盈网b2b  www.boying360.com
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|小黑屋|手机版|Archiver|destoon采集论坛

    GMT+8, 2025-12-20 02:58 , Processed in 0.021072 second(s), 20 queries .

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

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