得到当前时间进行走动

CSS代码

JS代码

//声明一个变量装dateSpan
var dateSpan;

//窗体加载时运行
window.onload=function(){
    //通过JSdocument对象获取
    dateSpan = document.getElementById("dateSpan");
    showtime();
}

function showtime(){
    var d = new Date();
    //因为默认month是从0-11的
    dateSpan.innerHTML = d.getFullYear()+"-"+ dateformat((d.getMonth()+1))+"-"+ dateformat(d.getDate())+" "+dateformat(d.getHours())+":"+dateformat(d.getMinutes())+":"+dateformat(d.getSeconds());
    //每隔一秒执行一次
    setTimeout(showtime,1000);
}

//时间格式化
function dateformat(t){
    //三目运算
    return t>=10?t:"0"+t;
}

效果图