致虚极,守静笃!

Js在页面实时显示时间

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();
    }

结果展示:

 

posted @ 2020-03-17 11:16  Baron-Li  阅读(912)  评论(0编辑  收藏  举报

致虚极,守静笃!