龙空技术网

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

Photoshop软件与教学 213

前言:

目前朋友们对“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显示时间日期