前端中实时显示当前时间的js代码

纯小白,不对的地方请指正

代码:

<script>var t = null;t = setTimeout(time, 1000);//開始运行function time() {clearTimeout(t);//清除定时器dt = new Date();var y = dt.getFullYear();var mt = dt.getMonth() + 1;var day = dt.getDate();var h = dt.getHours();//获取时var m = dt.getMinutes();//获取分var s = dt.getSeconds();//获取秒// 为类名为`.showTime`的元素添加时间document.querySelector(".showTime").innerHTML = '当前时间：' + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";t = setTimeout(time, 1000); //设定定时器，循环运行}
</script>

选中showTime的class标签.改变它的html文本内容为时间字符串,每秒刷新一次

效果:

前端中实时显示当前时间的js代码相关推荐

【Unity】在Unity中实时显示北京时间
感觉在网上搜到的大部分Unity或者C#获取北京时间的方法都已经不提供服务了,搜到一个可用的稍微拓展下做成了实时显示北京时间的脚本. 但因为只在程序启动的时候有获取北京时间,接下来显示的时间都是每秒钟 ...
显示当前时间的js代码
var t = null; t = setTimeout(time, 1000);//開始运行 function time() { clearTimeout(t);//清除定时器 dt = new D ...
使用js实时显示北京时间
今天由于项目需要,需要在网站首页显示实时的北京时间, 在网上扒了一会儿,感觉没看明白怎么回事儿,最后还是从别的网站上copy来的,所以这次不是原创啊.哈哈 1.首页引入jquery.min.js 2. ...
【响应式Web前端设计】在html页面实时显示系统时间
在html页面实时显示系统时间桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head><meta http-equ ...
利用Handler通信来实时显示系统时间
关键技术: 本程序实现了在屏幕中实时显示系统的时间,其中用到了Handler.Timer.TimerTask.Message等关键技术. 思路分析: 我们都知道,在Android中程序不能在主线程中( ...
基于pyqt5 构建弹窗进度条，在大型计算中实时显示进度
在大型计算时(例如神经网络训练),经常会遇到计算时间过长,无法知道当前的计算进度,无法判断程序是否进入死循环等问题.采用进度条可以在一定程度上了解当前进度,判断后续所需的计算时间,缓解等待过程中的焦虑 ...
实时显示当前时间（中文版）
前言:实时显示当前时间(中文版),一周的第几天用中文显示效果: <!DOCTYPE html> <html lang="zh"><head>& ...
实时显示当前时间，每秒更新
实时显示当前时间,每秒更新我们可以利用定时器来完成这个功能 HTML <div id="app">{{date}} </div> JS <scrip ...
实时显示当前时间（英文版）
前言:实时显示当前时间(英文版),一周的第几天用英文显示效果: <!DOCTYPE html> <html lang="zh"><head>& ...

前端中实时显示当前时间的js代码

纯小白,不对的地方请指正

前端中实时显示当前时间的js代码相关推荐

最新文章

热门文章