«

js动态适时输出当前的时间(动态显示当前年月日时分秒)

时间:2024-1-27 09:34     作者:韩俊     分类: Javascript


js动态适时输出当前的时间(动态显示当前年月日时分秒)。最近有个网站页面上要输出当前时间,精确到时分秒,还要适时变化的。百度找了找,没找到合适的,于是自己写了个,收藏下,方便以后使用。

/**
 * js动态适时输出当前的时间(动态显示当前年月日时分秒)
 * 显示效果如:今天是:2015年03月13日 星期四 15:52:01
 * @param id
 * @constructor
 */
function showCurentTime(id) {
    var curTime = [],
        now = new Date(),
        month = now.getMonth() + 1,
        day = now.getDate(),
        hh = now.getHours(),
        mm = now.getMinutes(),
        sc = now.getSeconds(),
        wk = now.getDay();
    curTime['year'] = now.getFullYear();
    curTime['month'] = month < 10 ? '0' + month : month;
    curTime['day'] = day < 10 ? '0' + day : day;
    curTime['hh'] = hh < 10 ? '0' + hh : hh;
    curTime['mm'] = mm < 10 ? '0' + mm : mm;
    curTime['sc'] = sc < 10 ? '0' + sc : sc;
    curTime['wk'] = '星期' + ['日', '一', '二', '三', '四', '五', '六'][wk];
    curTime = curTime['year'] + '年' + curTime['month'] + '月' + curTime['day'] + '日' + ' ' + curTime['wk'] + ' ' + curTime['hh'] + ':' + curTime['mm'] + ':' + curTime['sc'];
    document.getElementById(id).innerHTML = '今天是:' + curTime;
    setTimeout('showCurentTime(\'' + id + '\')', 1000);
}

使用方法:

//假设页面上存在一个id命名为time的div,则:
<script language="javascript">showCurentTime('time');</script>

标签: javascript

热门推荐