`
chaoyi
  • 浏览: 309732 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

制作12小时进制的时钟

 
阅读更多
<body>
  <div id="time" style="color:#F00";></div>
  <script type="text/javascript" src="js/time.js"></script>
</body>

 

function showTime(){
	var time = new Date();
	var year = time.getFullYear();
	var month = time.getMonth()+1;
	var date = time.getDate();
	var hh = time.getHours();
	var mm = time.getMinutes();
	var ss = time.getSeconds();
	var day = time.getDay();	
	
	var type = "PM";
	if(hh<12)
		type="AM"
	
	if(hh<10)
		hh = "0"+hh;
	if(mm<10)
		mm = "0"+mm;
	if(ss<10)
		ss = "0"+ss;	
		
	var week = "";	
	switch(day){
		case 0:
			week = "星期日";
			break;
		case 1:
			week = "星期一";
			break;
		case 2:
			week = "星期二";
			break;
		case 3:
			week = "星期三";
			break;
		case 4:
			week = "星期四";
			break;
		case 5:
			week = "星期五";
			break;
		default:
			week = "星期六";
			break;
	}	
	var html = "<h3>你好,欢迎访问贵美商城!<br />"+year+"年"+month+"月"+date+"日&nbsp;"+hh+":"+mm+":"+ss+"&nbsp;"+type+"&nbsp;"+week+"</h3>";
	document.getElementById("time").innerHTML=html;
}


window.onload = function(){
	var obj = setInterval("showTime()",1000);
}

 

效果图:

 

个人E-mail:chaoyi77@163.com

 

 

  • 大小: 7.5 KB
分享到:
评论

相关推荐

    制作12进制的时钟特效

    使用javascript制作12进制的时钟特效

    Jquery练习4:制作12进制的时钟特效.zip

    在本项目"Jquery练习4:制作12进制的时钟特效.zip"中,我们将探讨如何使用jQuery、JavaScript和HTML技术来创建一个显示12小时制时间的动态时钟特效。这个练习主要涵盖以下几个核心知识点: 1. **jQuery基础**: ...

    D35.威纶通12小时进制时钟显示示例程序.rar

    威纶通12小时进制时钟显示示例程序.rar" 提供了一个关于如何在威纶通触摸屏上实现12小时进制时钟显示的实例,这对于那些需要在生产环境中使用时间显示功能的用户非常有用。 主要知识点包括: 1. **威纶通触摸屏...

    cpp-Peaclock是为终端制作的可定制二进制彩色时钟

    二进制时钟将时间分解为秒、分钟、小时和日期的二进制表示,对于理解计算机科学基础的用户来说,这既有趣又有教育意义。 **颜色定制** Peaclock的一个独特之处在于它的色彩可定制性。用户可以自定义每个时间单位...

    JavaScript时钟

    这里创建了12个`&lt;div&gt;`元素,每个元素都包含一个数字,表示时钟的小时数。 #### 3. 利用数学计算确定指针位置 代码中使用了三角函数`Math.sin()`和`Math.cos()`来计算时钟指针的位置: ```javascript x[i].style....

    bitclock:使用香草JavaScript制作的二进制时钟

    "BitClock"是一个创新的项目,它利用了香草JavaScript(Vanilla JavaScript)技术来创建一个独特的二进制时钟。这个时钟不以我们常见的十进制数字显示时间,而是通过二进制数系统来展示当前的时间。二进制是计算机...

    javascript制作的时钟

    如果小时数是0,我们将其设置为12,确保12小时制的正确性。 在处理分钟和秒数时,如果它们的值小于10,我们会在前面添加一个0,例如"05",以确保始终显示两位数。 `myclock`变量用于存储格式化后的时间字符串,...

    javascript时钟

    javascript时钟,首先从服务器获取一个时间,再从本地机器上获取一个时间,计算时差A。然后每500毫秒从本地机器获取一次时间,用这个时间与时差A进行加减计算,得到服务器时间并打印在首页上。另外每次都要计算当前...

    FPGA作业2:利用veilog设计12进制计数器 fpga开发.pdf

    FPGA作业2:利用veilog设计12进制计数器 FPGA(Field-Programmable Gate Array,场-programmable门阵列)是一种基于可编程逻辑电路的集成电路。FPGA的主要特点是可以根据需要对电路进行编程和配置,从而实现不同...

    JavaScript特效大全之时钟显示在任意指定位置2.0代码

    源码之家里面可以找到原版的,只是原版的代码过于老旧,博主用ES5语言重新写了一遍并添加了一些小功能,所以称之为JavaScript特效大全之时钟显示在任意指定位置2.0代码

    带有秒的Arduino 24h二进制时钟(17个LED)-项目开发

    **项目标题:带有秒的Arduino 24小时二进制时钟** 在本文中,我们将深入探讨如何使用Arduino开发一个24小时制的二进制时钟,该时钟不仅显示小时和分钟,还能显示秒。这个项目对于初学者来说是很好的实践,因为它...

    ATmega8制作的苹果风二进制时钟,arduino控制-电路方案

    【ATmega8制作的苹果风二进制时钟——Arduino控制与电路方案详解】 在电子制作领域,ATmega8是一款非常流行的微控制器,常被用于各种创新项目,如本例中的苹果风格二进制时钟。这个项目巧妙地将数字时间显示转化为...

    javascript经典特效---二十四小时时钟2.rar

    JavaScript经典特效——二十四小时时钟2是一个典型的网页交互设计,主要利用了JavaScript语言来实现一个实时更新的24小时制时钟。这个效果通常用于网页的头部或者底部,为用户提供当前时间信息,增强用户体验。 ...

    JK触发器构成的十二进制计数器.zip

    十二进制计数器是一种能顺序计数0到11的电路,因为十二进制有12个数字。通常,这需要四个二进制位来表示,即四位二进制计数器。每个二进制位由一个JK触发器组成,总共需要四个JK触发器。这些触发器通过级联方式连接...

    Binclock:二进制,Unix控制台时钟

    我之所以做到这一点,是因为我想要在Conky中显示二进制时钟的方法,但是没有发现任何特别之处,因此我决定自己制作。 另一方面,我想将C ++的等级从-1以1-100的比例增加到1,所以我在PHP中删除了这个项目,而在C ++...

    (DIY制作)12进制表盘时钟电路+源代码等-电路方案

    该仪表盘时钟小时采用的是12进制,同时中间还有一个AM/PM的指示灯。 如下截图显示的时间是7:20 PM,它的右边是一个闹铃状态的指示灯 仪表盘时钟功能: RGB彩色LED背光,16级亮度,理论上可以表现16 * 16 * 16种颜色。...

    java动态时钟效果

    这可能包括计算当前时间,更新时钟的小时、分钟和秒指针的位置,以及调用`repaint()`方法来重绘组件。 3. **启动定时器**: 调用`start()`方法启动定时器,它将在指定的间隔后首次触发,并且之后将持续触发,直到...

    数字电子产品设计与制作:二进制计数器电路的设计.pptx

    项目4 数字电子钟的设计与制作 ;读一读: 计数器是一种能累计脉冲数目的数字电路,在计时器、交通信号灯装置、工业生产流水线等中有着广泛的应用。计数器电路是一种由门电路和触发器构成的时序逻辑电,它是对门电路...

    基于Arduino的二进制时钟-项目开发

    **基于Arduino的二进制时钟项目开发** 在电子制作领域,Arduino是一个广泛使用的开源硬件平台,它允许用户通过编程来控制各种电子组件,实现创新的项目。本项目旨在介绍如何利用Arduino创建一个独特的二进制时钟。...

    七进制_七进制_

    制作一个七进制数钟,意味着我们需要用七进制来显示小时、分钟和秒。考虑到时间的单位通常是以24小时、60分钟、60秒为基准的,我们可能需要将这些十进制数转换为七进制。例如,将十进制的15分钟转换为七进制,首先将...

Global site tag (gtag.js) - Google Analytics