实时显示时间（HTML+JS）

原文地址：http://blog.csdn.net/qq_35952946/article/details/56012654

方法一：

<!--setInterval实时显示时间-->
<p id="time1" style="color: blueviolet;"></p>
<script>function mytime(){var a = new Date();var b = a.toLocaleTimeString();var c = a.toLocaleDateString();document.getElementById("time1").innerHTML = c+"&nbsp"+b;}setInterval(function() {mytime()},1000);
</script>

方法二：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript">
function getTime() {var dateObj = new Date();var year = dateObj.getFullYear();//年var month = dateObj.getMonth()+1;//月  (注意：月份+1)var date = dateObj.getDate();//日var day = dateObj.getDay();var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];var week = weeks[day];//根据day值，获取星期数组中的星期数。var hours = dateObj.getHours();//小时var minutes = dateObj.getMinutes();//分钟var seconds = dateObj.getSeconds();//秒if(month<10){month = "0"+month;}if(date<10){date = "0"+date;}if(hours<10){hours = "0"+hours;}if(minutes<10){minutes = "0"+minutes;}if(seconds<10){seconds = "0"+seconds;}var newDate = year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds+"&nbsp &nbsp"+week;document.getElementById("date1").innerHTML = "时间显示：" + newDate;//在div中写入时间setTimeout('getTime()', 500);//每隔500ms执行一次getTime()
}
</script><title>实时显示时间</title>
</head>
<body onload="getTime()"><div id="date1"></div>
</body>
</html>

区别：
*setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。
而setTimeout只执行一次那段代码。

实时显示时间（HTML+JS）相关推荐

js实现在页面实时显示时间，一个按钮控制时间暂停和开始
js实现在html实时显示时间,一个按钮控制时间暂停和开始.代码如下: <head><meta charset="UTF-8"><title>& ...
pyside2/pyqt5实时显示时间
pyside2/pyqt5实时显示时间直接上代码 import sys from PyQt5.QtWidgets import QMainWindow, QApplication, QLabel f ...
Android实时显示时间日期(极简)
Android实时显示时间日期示例图示例图解析 TextClock时间控件常用的xml属性及常用方法示例源代码 .xml文件 .java 示例图示例图解析格式说明 yyyy/MM/dd ...
如何在html上显示时间设置,js实现在网页上简单显示时间的方法
本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的 ...
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 ...
使用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 ...

实时显示时间（HTML+JS）

原文地址：http://blog.csdn.net/qq_35952946/article/details/56012654

实时显示时间（HTML+JS）相关推荐

最新文章

热门文章