前端技术 手机教程
程序开发 平面动画
系统软件 运营推广
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

js实时显示时间(自动变化)代码

2018-09-13 14:23:04 来源:原创 作者:寂静的神经

html代码:

<div id="currentTime"></div>

js代码(简单版):

setInterval(function(){
    document.getElementById("currentTime").innerHTML=new Date().toLocaleString();
},1000); 

js代码(高级版):

setInterval(function () {
    fnDate();
}, 1000);
//js 获取当前时间
function fnDate() {
    var oDiv = document.getElementById("currentTime");
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth();
    var data = date.getDate();
    var hours = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " " + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
    var a = new Array("日", "一", "二", "三", "四", "五", "六");
    var week = new Date().getDay();
    var str = "星期" + a[week];
    oDiv.innerHTML = time + " " + str;
}
//补位 当某个字段不是两位数时补0
function fnW(str){return str > 9 ? str : "0"+str;}

注:高级版实现了时间补全与星期显示。

分享到:
本文关键词:js 时间 实时

相关文章

零五科技,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五科技 版权所有 辽ICP备13002105号-1

//百度 //cnzz