讲师：瑞德威(赵老师)

html标记语言 视频教程

第三十二课 插入自动更新日期的js脚本实例

1、插入自动更新的日期模块：

今天是：<span id="tm"></span>

<script type="text/javascript">
function displaytime(t){   
        var d = new Date(); 
        var h = d.getHours();  
        var m = d.getMinutes();  
        var s = d.getSeconds(); 
 var day  = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
 var ampm = "上午";            
        //0-2 午夜 2-5 凌晨 5-9 早上 9-12 上午 12-14 中午 14-18 下午 18-24 晚上          
        if (h >= 0 && h < 2) ampm = "午夜";  
        if (h >= 2 && h < 5) ampm = "凌晨";  
        if (h >= 5 && h < 9) ampm = "早上";  
        if (h >= 9 && h < 12) ampm = "上午";  
        if (h >= 12 && h < 14) ampm = "中午";  
        if (h >= 14 && h < 18) ampm = "下午";  
        if (h >= 18) ampm = "晚上";  
        //12小时制  
        if (h >12) h -= 12;     //补0  
        if (m < 10) m = "0" + m;  //补0  
        if (s < 10) s = "0" + s;  
        var time = ampm + h + ":" + m + ":" + s;   //年月日和星期        
        var ymd = d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日 " +  day[d.getDay()];    //取得显示位置  
        var tm = document.getElementById(t);  
        tm.innerHTML = ymd + " " + time;        
        //setTimeout("displaytime(t)",1000);   
    }
 setInterval("displaytime(‘tm’)",1000); 
< /script>