JavaScript显示详细的时间

最新推荐文章于 2024-05-17 14:01:49 发布
最新推荐文章于 2024-05-17 14:01:49 发布
阅读量567 收藏 1
点赞数
分类专栏： JavaScript 文章标签： JS时间
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jordantoto/article/details/102615022
版权

显示效果
在这里插入图片描述

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>当前时间</title>
</head>
<script type="text/javascript">
	function disptime() {
		var today = new Date();
		var YYYY = today.getFullYear();
		var MM = today.getMonth() + 1;
		var DD = today.getDate();
		var hh = today.getHours();
		var mm = today.getMinutes();
		var ss = today.getSeconds();
		var week = today.getDay();
		var weekStr;
		var flag = "    ";

		switch (week) {
		case 1:
			weekStr = "星期一";
			break;
		case 2:
			weekStr = "星期二";
			break;
		case 3:
			weekStr = "星期三";
			break;
		case 4:
			weekStr = "星期四";
			break;
		case 5:
			weekStr = "星期五";
			break;
		case 6:
			weekStr = "星期六";
			break;
		case 0:
			weekStr = "星期日";
			break;
		default:
			break;
		}
		//时 显示控制格式为hh
		if (hh < 10) {
			hh = (hh < 10) ? "0" + hh : hh;
			flag += "AM   ";
		}

		//分 显示控制格式为mm
		if (mm < 10)
			mm = "0" + mm;

		//秒 显示控制格式为ss
		if (ss < 10)
			ss = "0" + ss;

		//12小时制
		if (hh > 12) {
			hh = hh - 12;
			hh = (hh < 10) ? "0" + hh : hh;
			flag += "PM   ";
		}
		document.getElementById("myclock").innerHTML = YYYY + "年" + MM + "月"
				+ DD + "日  " + hh + ":" + mm + ":" + ss + flag + weekStr;
	}
	function disp() {
		window.setInterval("disptime()", 1000);
	}
</script>
<body onLoad="javascript:disp()">
	<h3>
		<span style="color: red">当前时间：</span>
	</h3>
	<div id="myclock"></div>
</body>
</html>
一行代码三个报错
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript显示当前时间每秒刷新一次
qq_45084002的博客
10-28 1939
使用JavaScript显示当前时间每秒刷新一次 <html> <head> <script language="javascript"> function showTime() { var time = new Date(); document.forms[0].myClock.value = time.getHours() + ":"
javascript实时显示北京时间的方法
10-24
主要介绍了javascript实时显示北京时间的方法,涉及javascript操作时间显示的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript动态显示当前时间
m0_64750932的博客
08-07 3834
数字时钟
JavaScript实时显示当前时间
热门推荐
HerryDong的博客
12-13 1万+
JavaScript主要使用DateDate中的getMonth()方法返回值从0开始计数，获取日期需要使用getDate()方法，而不是getDay()方法。如果要实时获取时间，则需要使用Date结合定时器实现，下面介绍两种实现方法。使用和setTimeout都可以实时获取当前时间，如果你对递归深恶痛绝的话，那还是推荐使用，毕竟看起来更加简单直观。
js 动态设置时间显示，判断时间间隔，时间格式化
weixin_41173973的博客
05-17 548
时间日期格式显示
JavaScript实时显示日期时间
从事厨房信息化行业，万能对接所有点餐系统，kds，智能控菜，酒店协调软件
09-29 2434
网页里实时显示当前时间。
JavaScript实现动态时间显示功能
a320976399的博客
10-29 1万+
一、基本思路 创建showTime()函数，利用JavaScript中的Date对象的属性及方法获取时间，利用Window对象的 setInterval() 方法按照指定的周期（以毫秒计）来调用函数或计算表达式。最后利用document对象实现在页面上显示。 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示时间</title> <
【JavaScript】动态显示当前时间
Ai-Fairy的博客
08-02 2894
用js动态显示当前时间，能实现用12小时制表示，当时间小于10时，会自动补0，能根据时间显示切换am，pm等
JavaScript显示当前年月日和时间
m0_51700376的博客
09-01 2918
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="time"></p> <script> function time(){ var date = new Date(); var year = date
javaScript时间动态显示
h
07-11 3454
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
JavaScript实现动态显示时间
Zarathusa的博客
03-03 3015
JavaScript实现动态显示时间 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;动态显示时间&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&
JavaScript单击按钮显示系统时间
weixin_47304332的博客
04-05 1814
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="disp"> </div> <input type="button" value="获取当前时间" onclick="getNowTime()
javascript页面动态显示时间变化示例代码
10-26
页面动态显示时间变化的方法有很多，本文为大家介绍下使用javascript的具体实现，感兴趣的朋友不要错过
javascript 显示当前系统时间代码
10-29
javascript 显示当前系统时间代码，脚本之家以前发布过类型的文章，大家可以多参考下。
用javascript自动显示最后更新时间
10-30
下面我们将详细探讨如何利用JavaScript来自动显示网页的最后更新时间。 首先，我们要明白`document.lastModified`属性在JavaScript中的作用。这个属性返回的是网页文件在服务器上最后一次被修改的日期和时间，格式...
javascript实现根据时间段显示问候语的方法
10-24
主要介绍了javascript实现根据时间段显示问候语的方法,涉及javascript时间与字符串的相关操作技巧,需要的朋友可以参考下
qt练习控件label控件-lineEdit控件样例代码
最新发布
07-30
qt练习控件label控件-lineEdit控件样例代码
【JCR一区级】麻雀搜索算法SSA-CNN-LSTM-Attention故障诊断分类预测【含源码 5689期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
详解MATLAB Simulink通信系统建模与仿真
07-30
第1 章 MATLAB 基础与通信系统仿真 1.1 MATLAB 简介 1.2 MATLAB 程序设计 1.3 通信系统仿真 第2 章 Simulink 仿真基础 2.1 Simulink 简介 2.2 Simulink 工作环境 2.3 Simulink 仿真的基本方法 2.4 创建自己的模块库 2.5 S-函数的编写 第3 章 通信信号与系统分析 3.1 离散信号和系统 3.2 Fourier 分析 3.3 带通信号的低通等效 3.4 随机信号分析 第4 章 信道 4.1 加性高斯白噪声信道 4.2 多径衰落信道 第5 章 模拟调制 5.1 幅度调制 5.2 角度调制 第6 章 数字基带传输 6.1 概述 6.2 二进制基带信号传输 6.3 基带PAM 信号传输 6.4 带限信道的信号传输 第7 章 数字信号载波传输 7.1 概述 7.2 载波幅度调制（PAM） 7.3 载波相位调制（PSK） 7.4 正交幅度调制（QAM） 7.5 载波频率调制（FSK） 第8 章 信道编码和交织 8.1 概述 8.2 线性分组码
javascript显示当前时间
03-24
你可以使用 Date 对象来获取当前时间，然后使用 JavaScript 的内置函数将其格式化为更易读的形式。下面是一个简单的代码示例： ``` var now = new Date(); var hours = now.getHours(); var minutes = now....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值