利用setInterval()方法实现在页面上显示实时时间

效果图:

代码如下：

<body><div id='time'></div><script>window.onload = function() {//每1秒刷新时间setInterval("NowTime()", 1000);}function NowTime() {var date = new Date();var year = date.getFullYear();var mounth = date.getMonth() + 1;mounth = mounth < 10 ? '0' + mounth : mounthvar dates = date.getDate();dates = dates < 10 ? '0' + dates : datesvar hour = date.getHours();hour = hour < 10 ? '0' + hour : hourvar miao = date.getSeconds();miao = miao < 10 ? '0' + miao : miaovar min = date.getMinutes();min = min < 10 ? '0' + min : minvar Arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]var day = date.getDay();document.getElementById('time').innerHTML = `今天是 ${year} 年 ${mounth} 月 ${dates} 日 ${Arr[day]} <d class='ab'>${hour}:${min}:${miao}<d/>  `}// console.log(NowTime());</script></body>

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval("NowTime()", 1000) "Nowtime()调用函数 1000表示时间单位为毫秒 1000毫秒也就是1秒

实现1秒刷新一次。

利用setInterval()方法实现在页面上显示实时时间相关推荐

mcgs 日期选择窗口_MCGS中想在页面上显示当前时间,要怎样做啊?
asp.net实现动态显示时间,无需用到javascrip,而是用了AJAX. Default.aspx页面:先拉一个ScriptManager控件到页面,然后拉一个UpdatePanel控件.Upd ...
php 导出csv文件bom,php 读取 csv 文件后, uft8bom 导致在页面上显示出现问题的解决方法...
php 读取 csv 文件后, uft8bom 导致在页面上显示出现问题的解决方法 date.csv: "ID""NAME""EMAIL" ...
csv乱码 ftp_php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
date.csv:"ID" "NAME" "EMAIL" "1" "小明" "xm@163 ...
ASP.NET 用 FlexPaper 在页面上显示 PDF 文件
必要条件演示 ASP.NET 用 FlexPaper 在页面上显示 PDF 文件软件环境解决方案结构简单显示 SWF 文件上传并显示 PDF 文件常见问题参考资料其实,虽说是显示 PD ...
[html] 如何在页面上显示Emoji表情？
[html] 如何在页面上显示Emoji表情? 如果客户端发送了一个带条件的GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个304状态码. ...
python网页提交表单_Html表单——使用python在web页面上显示用户提交的数据
这个例子展示了如何使用Python完成同样的事情--在web页面上显示提交的数据. 环境配置: win10.Anaconda3 问题: 1.在安装Anaconda3的时候出现了很多问题,经建议安装旧版 ...
php怎么显示gif图片,如何让伪进度条在页面上显示成gif图像
在工作中为了方便,我们需要加上一些效果,这篇文章就和大家讲讲伪进度条如何在页面上显示gif图像,感兴趣的朋友可以参考一下,希望可以帮助到你. 最近做的一个项目中,点击某个操作后,由于后台做的事情比较多 ...
jsp 图片上传到oracle,jsp上传图片到数据库(oracle),并能在页面上显示解决办法
jsp上传图片到数据库(oracle),并能在页面上显示解决办法 jsp上传图片到数据库(oracle),并能在页面上显示解决办法日期:2014-05-18 浏览次数:20341 次 jsp上传图片 ...
杜威分类法的分类规则_如何在父分类法的存档页面上显示子分类法
杜威分类法的分类规则 In the past we have shown you how to display subcategories on category pages in WordPress ...
html输出计算结果到文本框,在文本框中输入两个操作数和选择运算符后，在页面上显示输出结果...
需求说明: 在文本框中输入两个操作数和选择运算符后,在页面上显示输出结果实现思路: 单击"计算"按钮后,删除两个文本框左右两边的空格,删除空格后,判断输入框中是否都输入了内容,只 ...

利用setInterval()方法实现在页面上显示实时时间

利用setInterval()方法实现在页面上显示实时时间相关推荐

最新文章

热门文章