`

时间显示:年月日/星期/时分秒

 
阅读更多
<!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">
<title>显示时钟</title>
<style type="text/css">
.showTimeDiv {
	
}

#date,#time,#week{
	float: left;
	margin-left: 12px;
}
</style>
<script type="text/javascript">
	function startTime() {
		var today = new Date();

		/*年月日 */
		var year = today.getYear();
	//	if (navigator.userAgent.indexOf("Firefox") > 0) {
	//		year = year + 1900;
	//	}
		if(navigator.appName="NetScape"){
			year = year + 1900;
		}
		var month = today.getMonth()+1;
		month = checkTime(month);
		var day = today.getDate();
		day = checkTime(day);

		/*星期 */
		var week=today.getDay();
		var weeks=new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
		week=weeks[week];

		/*时分秒 */
		var h = today.getHours();
		var m = today.getMinutes();
		var s = today.getSeconds();
		m = checkTime(m);
		s = checkTime(s);

		document.getElementById("date").innerHTML = year + "/" + month + "/"+ day;
		document.getElementById("week").innerHTML =week;
		document.getElementById("time").innerHTML = h + ":" + m + ":" + s;
		setTimeout(startTime, 1000);
	}

	function checkTime(i) {
		if (i < 10) {
			i = "0" + i
		}
		return i;
	}
</script>
	</head>
	<body onload="startTime()">
		<div class="showTimeDiv">
			<div id="date"></div>
			<div id="week"></div>
			<div id="time"></div>
		</div>
	</body>
</html>

 

分享到:
评论

相关推荐

    使用js动态显示当前时间(包括年月日星期以及时分秒)

    使用js动态显示当前时间(包括年月日星期以及时分秒),本人已经调试成功了,大家快点来下载吧!就一分,真心值的

    时间JS年月日星期 农历 时分秒

    很强大的一段JS 显示 年月日星期 农历 时分秒。比平时只有年月日星期时分秒的多了农历。很强大的一段JS 显示 年月日星期 农历 时分秒。比平时只有年月日星期时分秒的多了农历。

    年月日时分秒选择器.zip

    在开发移动应用或Web应用时,常常需要用户输入特定的时间信息,这时,年月日时分秒选择器就显得尤为重要。本教程将详细介绍如何利用uniapp的pick组件创建一个这样的选择器,并探讨其灵活性和适用性。 首先,uniapp...

    C++按年月日时分秒输出当前系统时间

    然而,这将默认打印出星期、月份的英文缩写,我们可能希望输出格式更精确,比如按年月日时分秒。为此,我们可以自定义时间格式,使用`std::put_time`和`std::localtime`: ```cpp auto local_now = std::chrono::...

    以lcd1602为显示器的 51单片机数字时钟(时分秒年月日星期)

    申明:以前上传过名字相似的资源,上传时不慎点错文件,现在又无法删除,只好重新上传一份。对于已经下载了错误资源的同志表示歉意! 附有proteus仿真文件,程序是根据仿真...1.显示年月日星期时分秒 2.日期及时间调整

    多功能数字钟 1602显示温度 年月日时分秒

    第一行显示年月日星期,第二行显示时分秒。用户可以通过按键来设置日期、时间和星期。 二、DS1602的使用 DS1602是一种常见的液晶显示屏,用于显示数字钟的内容。在该数字钟中,DS1602用于显示年月日时分秒、温度等...

    微信小程序 -- 年月日时分秒 picker 选择器

    微信小程序的`picker`组件提供了强大的选择功能,通过封装年月日时分秒`picker`,我们可以为用户提供更加便捷的时间选择体验。通过合理的数据绑定、事件处理和样式设计,我们可以定制出符合应用风格的组件,并在整个...

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

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

    显示年月日星期的时间日历(带农历)

    本文将深入探讨如何实现一个显示年月日星期,并包含农历的日历功能,以满足用户对传统和公历日期的需求。 首先,我们要理解时间显示的基本概念。在计算机中,时间通常以Unix时间戳的形式存储,它表示自1970年1月1日...

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

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

    基于对话框的日历,显示内容包括年月日时分秒星期

    这个特定的应用程序设计包括几个关键的技术元素,如椭圆透明对话框、获取系统时间、对话框置顶以及显示详细的时间信息(年月日时分秒星期)。下面将详细解析这些知识点: 1. **椭圆透明对话框**: - 在GUI设计中,...

    日期,时间格式,年月日时分秒星期JAVAScript代码

    new Date(2023, 11, 25, 12, 0, 0) // 年、月(0-11)、日、小时、分钟、秒 ``` #### 1.2 使用 toLocaleString() 方法 `toLocaleString()` 方法返回一个表示该日期对象的字符串,该字符串是根据本地语言环境设置而...

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

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

    C#读取数据库日期数据

    在标题“C#读取数据库日期数据”以及描述“C#读取数据库日期数据,选择性显示时间的部分,如显示年月、年月日、时分秒等等”的基础上,我们可以了解到本文主要涉及的是如何使用C#语言来读取来自数据库中的日期和时间...

    闹钟、秒表、倒计时、年月日(闰年自动计算)、星期

    标题中的“闹钟、秒表、倒计时、年月日(闰年自动计算)、星期”指的是在电子设备上常见的几种时间管理功能。这些功能在日常生活中广泛应用,尤其是在嵌入式系统或者智能家居设备中尤为常见。 1. **闹钟**:闹钟是...

    JS获取当前时间的年月日时分秒及时间的格式化的方法

    2. 获取时间中的年月日时分秒,我们可以使用以下方法: - `myDate.getYear();` // 获取当前年份(两位数) - `myDate.getFullYear();` // 获取完整的年份(四位数, 1970-????) - `myDate.getMonth();` // 获取当前月份...

    flex 日期控件可选时分秒

    你可以独立地配置这两个组件的样式和行为,例如改变日历的起始星期日或更改时间选择器的步进值。 总的来说,Flex的DateTimeField控件提供了灵活的日期和时间选择功能,通过配置属性和事件处理,开发者可以构建满足...

    基于51单片机的电子闹钟设计(时间显示、时间设置、闹钟设置、温度测试)

    (2)有键盘设定功能,键盘可以设定年月日、星期和时分秒这些信息 (3)可以调节液晶显示亮度功能(更高级的,可以自动根据周围环境自动调节显示亮度,能做可以做,不做要求) (4)有设定闹钟功能,可以打开,...

    Android动态显示年月日周时分秒(通过线程的方式)

    在Android开发中,动态显示年月日时分秒是较为常见的功能,它可以通过使用Android Studio这一集成开发环境来实现。该功能涉及到的主要知识点包括布局文件的编写、Activity的生命周期、线程的创建与管理、Handler消息...

Global site tag (gtag.js) - Google Analytics