js 代码,js 时间代码,js 时钟代码,js 实时显示日期,时间和星期

js 代码,js 时间代码,js 时钟代码,js 实时显示日期,时间和星期字符串处理好 使用 setInterval 直接 textContent 到页面上 这样就可以看到一个每秒实时更新的时间了

大家好,欢迎来到IT知识分享网。

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 星期四

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/94841.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信