前言:
目前朋友们对“js显示时间日期”大概比较着重,姐妹们都想要学习一些“js显示时间日期”的相关内容。那么小编同时在网上搜集了一些对于“js显示时间日期””的相关知识,希望姐妹们能喜欢,看官们一起来学习一下吧!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 星期四
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js显示时间日期