html页面显示年月日时分秒和星期几

最新推荐文章于 2022-09-22 09:00:44 发布
最新推荐文章于 2022-09-22 09:00:44 发布
阅读量690 收藏 1
点赞数
分类专栏： JavaScript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_11858/article/details/82525273
版权 

//-----------------------------方式一---------------------------------------------
<html>
<head>
<script type="text/javascript">
	function startTime(){
		 var today=new Date();
		 var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
		 var n_day=today.getDay();
		 switch(n_day){
			 case 0:
			 {strDate=strDate+" 星期日 "}break;
			 case 1:
			 {strDate=strDate+" 星期一 "}break;
			 case 2:
			 {strDate=strDate+" 星期二  "}break;
			 case 3:
			 {strDate=strDate+" 星期三 "}break;
			 case 4:
			 {strDate=strDate+" 星期四 "}break;
			 case 5:
			 {strDate=strDate+" 星期五 "}break;
			 case 6:
			 {strDate=strDate+" 星期六 "}break;
			 case 7:
			 {strDate=strDate+" 星期日 "}break;
		 } 
		 //增加时分秒
		 // add a zero in front of numbers<10
		 var h=today.getHours();
		 var m=today.getMinutes();
		 var s=today.getSeconds()
		 m=checkTime(m);
		 s=checkTime(s);
		 strDate=strDate+" "+h+":"+m+":"+s;
		 document.getElementById('txt').innerHTML=strDate;
		 t=setTimeout('startTime()',500)
	}

	function checkTime(i){
		if (i<10) {i="0" + i}
		return i
	}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

//--------------------------------方式二-----------------------------------------

<td class="date">
	<script language="JavaScript" type="text/javascript">
		 var today=new Date();
		 var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
		 var n_day=today.getDay();
		 switch(n_day){
			 case 0:
			 {strDate=strDate+" 星期日 "}break;
			 case 1:
			 {strDate=strDate+" 星期一 "}break;
			 case 2:
			 {strDate=strDate+" 星期二  "}break;
			 case 3:
			 {strDate=strDate+" 星期三 "}break;
			 case 4:
			 {strDate=strDate+" 星期四 "}break;
			 case 5:
			 {strDate=strDate+" 星期五 "}break;
			 case 6:
			 {strDate=strDate+" 星期六 "}break;
			 case 7:
			 {strDate=strDate+" 星期日 "}break;
		 } 
		 document.write(strDate);
   </script>
</td>
iteye_11858
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html页面显示年月日时分秒和星期几的两种方式
09-05
在HTML页面中显示当前日期和时间，特别是包括年月日、时分秒以及星期几的信息，通常是通过JavaScript来实现的。下面将详细讲解这两种方法。 ### 方法一：动态实时更新 这种方法利用JavaScript的`setTimeout()`函数...
网页显示动态日期时间html源码模板
06-05
在网页设计中，动态日期和时间的显示是一个常见的需求，特别是在实时更新信息或者提供日志记录的场景下。本教程将深入讲解如何使用HTML源码模板实现这一功能，尤其适合初学者和新手入门。 首先，我们需要理解HTML...
年月日，星期，上中午的区分，时分秒，在一进入一个页面就显示年月日时分秒
qq_26925297的博客
05-20 441
（1）&lt;htmtl&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;div id="linkweb" style=" display:inline;"&gt;&lt;/div&gt; &lt;script&gt; setInterval("document.getElementById(
JS生成各种时间
Aquarius7°
09-15 730
function showTime() {    var now = new Date();    var nowTime = now.toLocaleString();    var date = nowTime.substring(0,10);//截取日期    var time = nowTime.substring(10,20); //截取时间    var 
前端页面动态显示时间（年月日 星期 时分秒 ）
m0_48660016的博客
11-11 6212
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } .box { width: 100%; height: 50px; background-color: cad.
js显示实时时间[样式：年/月/日 上下午 时:分:秒 星期几]（仅需一行代码）
zhumengstyle的博客
08-15 3047
<html> <head> <script> setInterval("document.getElementById('jnkc').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); </script> </head> <body>
HTML文本框自动显示当前年月日
哈欠打飞天的博客
07-13 2044
时间<input type="text" name="ETime" id="myDate"> <script langguage="JavaScript"> var now = new Date(); myDate.value=new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(); </script&g.
HTNL+JS网页获取系统中的标准时间（年月日星期时分秒）
weixin_63381305的博客
09-22 1239
【代码】HTNL+JS网页获取系统中的标准时间（年月日星期时分秒）
简单植入性能不错JS（年月日时分秒星期）时间控件
11-18
以上代码会在点击ID为"datePicker"的输入框时弹出日期选择器，并以"年-月-日 时:分:秒 星期"的格式显示日期。 **四、扩展功能** "My97DatePickerBeta"还支持一些高级功能，如日期范围选择、时间间隔选择、自定义...
HTML;根据输入的日期得到某天是星期几
05-25
根据输入的日期得到某天是星期几,HTML文档。
一个时分秒控件示例（在一个HTML页面中单击input时显示时分秒控件）
06-15
一个时分秒控件示例（在一个HTML页面中单击input时显示时分秒控件）
ext2.0 DateTimeField控件
06-09
其中，`fieldLabel`是字段的标签，`format`属性用于设置日期时间的显示格式，'Y-m-d H:i:s'是一种常见的日期时间格式，表示年月日小时分钟秒。 3. 添加到容器：将DateTimeField添加到某个容器（如Panel或FormPanel...
HTML显示日期时间代码
纸尿裤排行
06-19 9114
原文：HTML显示日期时间代码 NanShan 即时通讯专家教你如何用HTML显示日期时间代码 一种： 兼容FireFox的当前时间的JS脚本 当前时间 document.getElementByIdx('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDa
html+js获取系统当前日期并输出
sinolzeng的专栏
09-29 4172
如何获取系统日期 //js获取日期 function time() {   var now= new Date();   var year=now.getFullYear();   var month=now.getMonth();   var date=now.getDate(); //写入相应id  document.getElementById("info1").inn
JS脚本显示当前日期+星期几[转]
weixin_30954265的博客
03-11 99
以下的代码提供了显示当前日期和星期几的实现方法： function writeDateInfo() { var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; m...
html怎么设置时分秒的字段,html页面显示年月日时分秒和星期几的两种方式
weixin_34044889的博客
05-31 912
Js代码代码如下://-----------------------------方式一---------------------------------------------function startTime(){var today=new Date();var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.ge...
HTML获取当前时间年月日时分秒等相关信息
热门推荐
The_Best_Hacker的博客
10-09 1万+
HTML获取当前时间年月日时分秒等相关信息 【方式一】获取整段时间 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script&
HTML-JS-获取年、月、日、时、分、秒
qq_45152044的博客
02-17 3713
js获取年、月、日等
EXCEL显示年月日时分秒
最新发布
09-23
要在Excel中显示年月日时分秒，可以按照以下步骤进行操作： 1. 将日期和时间格式设置为所需的格式，例如"yyyy-mm-dd hh:mm:ss"。 - 在Excel中选择需要设置格式的单元格或单元格范围。 - 右键单击选中的单元格或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值