JS实现实时显示时间

在之前的项目中有做到需要在网页中实时显示当前时间，实现的效果如图所示：

1. html结构

<div class="col-xs-12 col-sm-6"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span id="current-time"></span>
</div>

2. JS

/*实时显示时间*/function showtime(){var today,hour,second,minute,year,month,date;var strDate ;today=new Date();var n_day = today.getDay();switch (n_day){case 0:{strDate = "星期日"}break;case 1:{strDate = "星期一"}break;case 2:{strDate ="星期二"}break;case 3:{strDate = "星期三"}break;case 4:{strDate = "星期四"}break;case 5:{strDate = "星期五"}break;case 6:{strDate = "星期六"}break;case 7:{strDate = "星期日"}break;}year = today.getFullYear();month = today.getMonth()+1;date = today.getDate();hour = today.getHours();minute =today.getMinutes();second = today.getSeconds();if (month >= 1 && month <= 9) {month = "0" + month;}if (date >= 0 && date <= 9) {date = "0" + date;}if (hour >= 0 && hour <= 9) {hour = "0" + hour;}if (minute >= 0 && minute <= 9) {minute = "0" + minute;}if (second >= 0 && second <= 9) {second = "0" + second;}document.getElementById('current-time').innerHTML ="当前时间："+ year + "年" + month + "月" + date + "日" +"  "+ strDate +"   " + hour + ":" + minute + ":" + second; //显示时间setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)}

JS实现实时显示时间相关推荐

js实现在页面实时显示时间，一个按钮控制时间暂停和开始
js实现在html实时显示时间,一个按钮控制时间暂停和开始.代码如下: <head><meta charset="UTF-8"><title>& ...
实时显示时间（HTML+JS）
原文地址:http://blog.csdn.net/qq_35952946/article/details/56012654 方法一:  & ...
pyside2/pyqt5实时显示时间
pyside2/pyqt5实时显示时间直接上代码 import sys from PyQt5.QtWidgets import QMainWindow, QApplication, QLabel f ...
Android实时显示时间日期(极简)
Android实时显示时间日期示例图示例图解析 TextClock时间控件常用的xml属性及常用方法示例源代码 .xml文件 .java 示例图示例图解析格式说明 yyyy/MM/dd ...
Vue3 setup 实时显示时间
参考地址:https://blog.csdn.net/weixin_44867717/article/details/121724879 格式化时间格式1 // 格式:XXXX年XX月XX日XX时XX ...
Android平板时间插件,Android 实时显示时间控件
原生代码已经提供了显示实时时间的控件,因此只需要添加进去即可,不需要另外构造定时器去不断的刷新. 如图: 代码如下: android:layout_width="match_parent&q ...
html 显示数据库图片.js,html实时显示数据怎么让数据库的数据在html显示出来
用JS实时调用数据显示在HTML页面上不要站在现在的高度,去判定未来的事情,因为未来的你是会成长的,会有新的选择和判断. html页面上怎么显示动态数据通过AJAX实现, 在html页面用ajax请 ...
使用Python控制1602液晶屏实时显示时间（附PyCharm远程调试）
前言原创文章,转载引用务必注明链接.水平有限,如有疏漏,欢迎指正. 本文介绍一下UP板的GPIO资源使用,以及一个使用Python演示一个简单的demo. 本文使用Markdown写成,为获得更好的 ...
51单片机DS18B20+DS1302+LCD12864实时显示时间日期温度
文章目录介绍 Proteus仿真运行效果源程序主函数 DS1302时钟函数 DS18B20函数 LCD12864(不带字库) sharing函数 mine头文件介绍 DS18B20采集温度 D ...
php ajax国家时间,php ajax 实时显示时间
index.php Ajax动态显示时间当前时间: var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ x ...

JS实现实时显示时间

JS实现实时显示时间相关推荐

最新文章

热门文章