首页 > Web开发 > 详细

Js在页面实时显示时间

时间:2020-03-17 11:29:32      阅读:68      评论:0      收藏:0      [点我收藏+]

1、在页面上能够动态的实时显示时间。

2、在这里我使用了WdatePicker这个插件,为了能够有图片的效果显示。

Html代码:

<span id="NowTime"></span>&nbsp;<img onClick="WdatePicker({el:‘NowTime‘})" src="~/Content/js/datepicker/skin/datePicker.gif" width="16" height="22" style="cursor:pointer" />

Js代码:

$function(){
setInterval("showTime()",1000);
}

function showTime() {
        nowtime = new Date();
        year = nowtime.getFullYear();
        month = nowtime.getMonth() + 1;
        date = nowtime.getDate();
        document.getElementById("NowTime").innerText = year + "-" + month + "-" + date + " " + nowtime.toLocaleTimeString();
    }

结果展示:

技术分享图片

 

Js在页面实时显示时间

原文:https://www.cnblogs.com/lsb123/p/12509421.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!