javascript实现时间走动

<div id="timeMsg"></div>

get_time = function get_time() {
    var date = new Date();  //获取时间对象
    var year = date.getFullYear(); //获取年
    var month = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1);//获取月份。获取的月份比真实的月份少一个月。所以这里得+1
    var day = (date.getDate() < 10 ? "0" + (date.getDate()) : date.getDate()); //获取日
    var week = date.getDay();//返回0--6。当中0表示星期天,1--6代表星期一到星期六
    var weekStr = "未知";
    var hours = (date.getHours() < 10 ? "0" + (date.getHours()) : date.getHours()); //获取时(24小时制)
    var minutes = (date.getMinutes() < 10 ? "0" + (date.getMinutes()) : date.getMinutes());  //获取分
    var seconds = (date.getSeconds() < 10 ? "0" + (date.getSeconds()) : date.getSeconds());  //获取秒
    //处理星期的显示           
    switch (week) {
        case 1:
            weekStr = "一 "
            break;
        case 2:
            weekStr = "二 "
            break;
        case 3:
            weekStr = "三 "
            break;
        case 4:
            weekStr = "四 "
            break;
        case 5:
            weekStr = "五 "
            break;
        case 6:
            weekStr = "六 "
            break;
        default:
            weekStr = "日 ";
    }
    document.getElementById("timeMsg").innerHTML =
        `<div claaa='timeMsg'>
            <span>${year}年${month}月${day}日&nbsp;${hours}:${minutes}:${seconds}星期${weekStr}</span>
        </div>`
/* 或"<div claaa='timeMsg' >"+
         "<span class='time_top'>" + hours + ":" + minutes + ":" + seconds + "</span>"+ 
         "<span class='time_bottom'>" + year + "年" + month +
 "月" + day + "日" + "星期" + weekStr + "</span>" + "</div>"; 
*/
}
//setInterval动作的作用是每隔一定时间就调用函数,方法或对象
setInterval("get_time()", 1000);//设置每隔1豪秒调用一下上面的方法
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容