`
fengzhaoyang
  • 浏览: 35319 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
//-----------------------------方式一---------------------------------------------
<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>
分享到:
评论

相关推荐

    html页面显示年月日时分秒和星期几的两种方式

    在HTML页面中显示当前日期和时间,特别是包括年月日、时分秒以及星期几的信息,通常是通过JavaScript来实现的。下面将详细讲解这两种方法。 ### 方法一:动态实时更新 这种方法利用JavaScript的`setTimeout()`函数...

    年月日时分秒加星期即时显示的JS日期时间特效

    ### 年月日时分秒加星期即时显示的JS日期时间特效 在现代网页开发中,动态地展示日期和时间是一种常见的需求,特别是在实时更新、新闻站点或个人博客等场景中。本文将深入探讨如何利用JavaScript(简称JS)实现一个...

    简单植入性能不错JS(年月日时分秒星期)时间控件

    以上代码会在点击ID为"datePicker"的输入框时弹出日期选择器,并以"年-月-日 时:分:秒 星期"的格式显示日期。 **四、扩展功能** "My97DatePickerBeta"还支持一些高级功能,如日期范围选择、时间间隔选择、自定义...

    网页显示动态日期时间html源码模板

    在网页设计中,动态日期和时间的显示是一个常见的需求,特别是在实时更新信息或者提供日志记录的场景下。本教程将深入讲解如何使用HTML源码模板实现这一功能,尤其适合初学者和新手入门。 首先,我们需要理解HTML...

    日期控件Date

    6. **多语言支持**:对于国际化的网站,日期控件应能适应不同的语言环境,显示对应的星期和月份名称。 7. **兼容性**:考虑到不同浏览器的差异,好的日期控件应具备良好的跨浏览器兼容性,包括对IE、Chrome、Fire...

    ext2.0 DateTimeField控件

    其中,`fieldLabel`是字段的标签,`format`属性用于设置日期时间的显示格式,'Y-m-d H:i:s'是一种常见的日期时间格式,表示年月日小时分钟秒。 3. 添加到容器:将DateTimeField添加到某个容器(如Panel或FormPanel...

    jquery 时间显示

    在"jquery 时间显示"这个主题中,我们将深入探讨如何利用jQuery来实现年月日、星期几的精确显示,甚至细化到时分秒。 首先,我们需要了解JavaScript中的Date对象。Date对象是JavaScript内置的,用于处理日期和时间...

    DataFormat.rar

    本资源"DataFormat.rar"提供了一种使用jQuery实现的解决方案,可以将当前时间实时转化为指定格式,如"年月日时分秒星期/周",并在HTML页面中的span或其他标签内动态显示。以下将详细解析这个知识点及其应用。 首先...

    js 时间 日历控件

    在给定的文件名"年月日时分秒时间控件(非常好用)"中,我们可以推断这是一个包含了完整时间选择(年、月、日、时、分、秒)的日历控件。这个控件很可能已经封装好了上述功能,可以直接引入到项目中使用。在实际应用...

    获取系统时间

    3. **运行结果**:页面加载时,会自动调用`getFullStringTime`函数,显示当前的时间(年月日时分秒),格式如“2023-04-01 14:25:36”。 #### VB获取系统时间 在VB中,获取系统时间也是非常简单的。下面是一段示例...

    一个在网站上显示时间的脚本程序

    - **`CurentTime()`**:获取当前的具体时间(时分秒)。 - **`refreshCalendarClock()`**:刷新页面中的时间显示,确保时间始终是最新的。 每个函数都实现了其特定的功能,并且在需要的时候被调用,从而保证时间的...

    js实现Form栏显示全格式时间时钟效果代码

    2. JavaScript中Date对象的使用,包括获取年月日时分秒的方法。 3. JavaScript数组的创建和使用,如通过数组表示星期几。 4. JavaScript条件运算符的应用,如在数值前添加0以进行时间格式化。 5. JavaScript的定时器...

    文章管理系统

    2014年09月12日 V2.85更新包(推荐升级) 1.[*修复]修复后台某文件出现任意下载漏洞【感谢乌云[haitaowuyun]发现】 2.[*修复]修复前台存在的SQL注入风险漏洞【感谢乌云[语邑尘]发现】 3.[*修复]修复前台存在的xss跨...

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式. 如:"yyyy年M月d日 HH时mm分" 返回:"2008年3月12日 19时20分" 编辑功能 不知道您是否已经注意到,当日期框里面有值时,右下角...

    网页制作时间特效

    // 每秒更新一次时间,计算时分秒的角度并更新位置 } function setNum() { // 设置时钟上数字的位置 } ``` ##### 2. 功能实现 - **初始化**:通过`ob`函数初始化数组`obs`,存储每个时钟元素(小时、分钟、秒)的...

    基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)

    在update_time()函数中,使用moment().format("HHmmss")来获取当前时间并格式化为字符串,然后通过digit_to_name数组来设置对应数字的class属性,从而显示时分秒的变化。同时,也通过moment()来格式化日期和星期,并...

    js实现会跳动的日历效果(完整实例)

    在本文中,我们将深入探讨如何使用JavaScript实现一个动态的日历效果,这个日历不仅显示年月日,还会显示星期几以及当前的时分秒,并且这些信息会随着系统时间的实时更新而变化。我们将分析提供的代码片段,了解其...

    《JavaScript实例精通》[源代码]

    5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章(\6) 示例描述...

    JavaScript实例精通

    5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。 第6章(\6) 示例描述...

Global site tag (gtag.js) - Google Analytics