效果图
html文章来源:https://www.toymoban.com/news/detail-683550.html
<span id="time"></span>
JS文章来源地址https://www.toymoban.com/news/detail-683550.html
// 实时显示当前时间
$(document).ready(function () {
function showTime() {
var today = new Date;
var y = today.getFullYear();
var M = today.getMonth() + 1;
var d = today.getDate();
var w = today.getDay();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
$("#time").html(y + '年' + M + '月' + d + '日 ' + ' ' + h + ':' + m + ':' + s + ' ' + week[w]);
}
showTime(); //先调用下,否则还需一秒后才呈现
setInterval(showTime, 1000); //每1秒(1000毫秒)后调用 showTime()
})
到了这里,关于【前端】JQ实时显示当前日期、时间、星期的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!