js 实时显示日期,时间和星期:
<!-- 创建一个元素,以展示时间 -->
<span id="t"></span>
<script>
//获得元素
var t = document.getElementById('t');
//调度被调度,每1秒执行一次
setInterval(time, 1000);
//被调度的同时,立即执行一次函数,不然就不得不等待函数第一次执行,页面上展示的内容会滞后
time();
//一个简单的函数,把格式化的时间,输出到页面
function time() {
t.textContent = new Date().toLocaleString() + ' 星期' + '日一二三四五六'.charAt(new Date().getDay());
}
</script>
toLocaleString() 方法可根据本地时间,把 Date 对象转换为字符串。
charAt() 获得星期
字符串处理好,使用 setInterval() 直接 textContent 到页面上,这样就可以看到一个每秒实时更新的时间了。
时间展示效果如下(实际效果请把代码放入页面中):
2021/11/11 下午00:00:00 星期四