js从数据库获取时间利用时间戳显示当前时间

显示时间代码

function GetLocalTim(id, times) {
    var timer = null;
    var date = null;
    //这里要转换成10位时间戳 单位为(秒)的
    if (times > 10) {
        times = times / 1000;
    }
    timer = setInterval(function () {
        var longTime = times * 1000;//这里要转成13位才能转成Date对象
        date = new Date(longTime);

        document.getElementById(id).innerHTML = date.Format('yyyy-MM-dd hh:mm:ss');
        console.log(times + ',' + date.Format('yyyy-MM-dd hh:mm:ss'));

        times++;
    }, 1000);

    if (times <= 0) { clearInterval(timer); }
}

获取服务器时间以及初始化使用

function GetServerTime() {
   $.ajax({
        type: 'POST',
        dataType: 'json',
        url: '/Rank/GetTime',
        success: function (response) {

            GetLocalTim('time', response.timestamp);
        }
    });
}

//调用
$(function () {
  
    GetServerTime();
});

Html 代码

<p class="tips">当前系统时间为:<span id="time">00:00:00</span></p>

Date 扩展方法

// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子:
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S")   ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) { //author: meizz
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

效果图
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值