带动态时间/公历/农历日期的js效果代码

##### 显示动态时间 公历 农历日期的js效果代码
**效果图**
![](https://www.fity.cn/usr/uploads/2015/08/1440406473_4591f802.png)
##### HTML & Javascript代码
```html
<div class="time" id="date"></div>
```
```javascript
<script type="text/javascript">
//日历
var   CalendarData=new   Array(20);
var   madd=new Array(12);
var   TheDate=new Date();
var   tgString="甲乙丙丁戊己庚辛壬癸";
var   dzString="子丑寅卯辰巳午未申酉戌亥";
var   numString="一二三四五六七八九十";
var   monString="正二三四五六七八九十冬腊";
var   weekString="日一二三四五六";
var   sx="鼠牛虎兔龙蛇马羊猴鸡狗猪";
var   cYear;
var   cMonth;
var   cDay;
var   cHour;
var   cDateString;
var   DateString;
var   Browser=navigator.appName;

function init(){
    CalendarData[0]=0x41A95;
    CalendarData[1]=0xD4A;
    CalendarData[2]=0xDA5;
    CalendarData[3]=0x20B55;
    CalendarData[4]=0x56A;
    CalendarData[5]=0x7155B;
    CalendarData[6]=0x25D;
    CalendarData[7]=0x92D;
    CalendarData[8]=0x5192B;
    CalendarData[9]=0xA95;
    CalendarData[10]=0xB4A;
    CalendarData[11]=0x416AA;
    CalendarData[12]=0xAD5;
    CalendarData[13]=0x90AB5;
    CalendarData[14]=0x4BA;
    CalendarData[15]=0xA5B;
    CalendarData[16]=0x60A57;
    CalendarData[17]=0x52B;
    CalendarData[18]=0xA93;
    CalendarData[19]=0x40E95;
    madd[0]=0;
    madd[1]=31;
    madd[2]=59;
    madd[3]=90;
    madd[4]=120;
    madd[5]=151;
    madd[6]=181;
    madd[7]=212;
    madd[8]=243;
    madd[9]=273;
    madd[10]=304;
    madd[11]=334;
}

function   GetBit(m,n){
    return   (m>>n)&1;
}

function   GetcDateString(){
  var   tmp="";
    tmp+=tgString.charAt((cYear-4)%10);       //年干
    tmp+=dzString.charAt((cYear-4)%12);       //年支
    tmp+="年(";
    tmp+=sx.charAt((cYear-4)%12);
    tmp+=")   ";
    if(cMonth<1)
    {
        tmp+="闰";
        tmp+=monString.charAt(-cMonth-1);
    }
    else
        tmp+=monString.charAt(cMonth-1);
    tmp+="月";
    tmp+=(cDay<11)?"初":((cDay<20)?"十":((cDay<30)?"廿":"卅"));
    if(cDay%10!=0||cDay==10)
        tmp+=numString.charAt((cDay-1)%10);
    tmp+="    ";
    if(cHour==13)tmp+="夜";
    tmp+=dzString.charAt((cHour-1)%12);
    tmp+="时";
    cDateString=tmp;
    return   tmp;
}

function  GetDateString(){
    var   tmp="";
    var   t1=TheDate.getYear();
    if   (t1<1900)t1+=1900;
    tmp+=t1
            +"/"
            +(TheDate.getMonth()+1)+"/"
            +TheDate.getDate()+'  '
            +'<span id="time"></span>'
            +"  星期"+weekString.charAt(TheDate.getDay());
    DateString=tmp;
    return   tmp;
}

init();
e2c();
GetDateString();
GetcDateString();
var today='今天是：'+DateString+"    农历 "+cDateString;
document.getElementById("date").innerHTML = today;

function showLocale(obj){
    var str;
    var hh = obj.getHours();
    if(hh<10)
    hh = '0' + hh;
    
    var mm = obj.getMinutes();
    if(mm<10) mm = '0' + mm;
    
    var ss = obj.getSeconds();
    if(ss<10) ss = '0' + ss;

str = hh + ":" + mm + ":" + ss;
    return(str);
}
function tick(){
    var today;
    today = new Date();
    document.getElementById("time").innerHTML = showLocale(today);
    window.setTimeout("tick()", 1000);
}
tick();
</script>
```

最后更新于 2019-06-27 14:00:41 并被添加「js」标签，已有 4757 位童鞋阅读过。

本站使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处

未来往事

带动态时间/公历/农历日期的js效果代码

相关文章

此处评论已关闭