当前位置：首页 » 网站代码 » html时钟代码大全

html时钟代码大全

发布时间: 2021-03-16 19:57:22

<body onload=s()>
<script>
function s()
{
var x,h,m,s,n;
var x = new Date();
h=x.getHours();
m=x.getMinutes();
s=x.getSeconds();
n=h+":"+m+":"+s;
c.innerhtml=n
setTimeout("s()",1000);
}
</script>
<div id=c></div>
</body>

Ⅱ 求在HTML页上显示动态标准时间代码

<html>
<title></title>
<head>
<script language="javaScript">
var timerID=null;
var timerRunning=false;
file://启动
function startclock()
{
stopclock();
time();
}

file://停止
function stopclock()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}

file://实现模块
function time()
{
file://使用new操作符创建时间对象
var now=new Date();
var yr=now.getYear();
var mName=now.getMonth()+1;
var dayNr=((now.getDate()<10)?"0":"")+now.getDate();
var dName=now.getDay()+1;
var ampm=(now.getHours()>=12)?"下午":"上午"
var hours=now.getHours();
hours=((hours>12)?hours-12:hours);
var minutes=((now.getMinutes()<10)?":0":":")+now.getMinutes();
var seconds=((now.getSeconds()<10)?":0":":")+now.getSeconds();

file://判断今天是星期几
if(dName==1)Day="Sunday";
if(dName==1)Day="Monday";
if(dName==3)Day="Tuesday";
if(dName==4)Day="Wednesday";
if(dName==5)Day="Thursday";
if(dName==6)Day="Friday";
if(dName==7)Day="Saturday";

file://判断月份
if(mName==1)Month="Janauary";
if(mName==2)Month="February";
if(mName==3)Month="March";
if(mName==4)Month="April";
if(mName==5)Month="May";
if(mName==6)Month="June";
if(mName==7)Month="July";
if(mName==8)Month="August";
if(mName==9)Month="September";
if(mName=10)Month="October";
if(mName=11)Month="November";
if(mName=12)Month="December";

var DayOfWeek=(""+Day+"");
var MonthDayYear=(""+Month+","+dayNr+","+yr+"");
document.forms[0].elements[0].value=MonthDayYear;
var TimeValue=(""+hours+minutes+seconds+""+ampm);
document.forms[0].elements[1].value=TimeValue;
timerID=setTimeout("time()",1000);
timerRunning=true;
}
</script>
</head>
<body onLoad="startclock()">
<form>

<br>
<table border=0 widtn=400>
<tr>
<TD align="center"><input type="button" title="停止" onclick="stopclock()">
<TD align="center"><input type="button" title="继续" onclick="startclock()">
</tr>
</table>
</form>
</html>

代码二
<script>
//定义时钟显示的函数
function displayTime()
{
var today = new Date(); // 定义日期对象
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();
// 从日期对象中中获得时间信息
minutes = fixTime(minutes);
seconds = fixTime(seconds); // 引入fixTime（）函数，使分和秒可以正常显示，对于小于10的数字则在该数字前加一个0
//将时间字符串组合在一起并写出
var the_time = hours + ":" + minutes + ":" + seconds;
window.document.the_form.the_text.value = the_time; //把表格的值重新写一遍，相当于刷新时间
the_timeout= setTimeout('displayTime();',500); //每半秒钟执行一次该函数,即500毫秒
}
function fixTime(the_time)
{
if (the_time <10)
{
the_time = "0" + the_time;
}
return the_time;
}
</script>
附一个更酷的时钟原代码
<html>
<body bgcolor=#3A6EA5>
<p><b>用JavaScript编程实现钟表特效</b></p>
请用查看源代码方式阅读所有程序代码。
<script language="JavaScript">

</script>
</body>
</html>

Ⅲ html显示时间代码

时间js代码：Clock.js文件
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

this.toString = function() {
return this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};

this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};

this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};

this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}

需要显示时间的页面
<SCRIPT src="js/Clock.js" type=text/javascript></SCRIPT> //引入Clock.js文件，注意路径

<label id=clock></label> //放入标签，插入时间
<SCRIPT type=text/javascript> //实例化clock对象
var clock = new Clock();
clock.display(document.getElementById("clock"));
</SCRIPT>

Ⅳ 实现动态时钟代码

Ⅳ 网页时钟代码

<html>
<head>
<script language="vbscript">
dim y,m,d,w,ww
y=Year(Date)
m=Month(Date)
d=Day(Date)
w=WeekDay(Date)
select case w
case 1
ww="星期日"
case 2
ww="星期一"
case 3
ww="星期二"
case 4
ww="星期三"
case 5
ww="星期四"
case 6
ww="星期五"
case 7
ww="<font color=red>星期日</font>"
end select

sub tt()
bb.innerHTML=cstr(time)
call setTimeout("tt()",1000)
end sub
</script>
</head>
<body onLoad="tt()">
<script language="vbscript">
document.write("今天是 "&y&"年"&m&"月"&d&"日 "&ww&"<br>")
</script>
现在的时间是：<span id="bb"></span>
</body>
</html>

Ⅵ 如何在html网页右上角添加时钟或者时间

把这个DIV放到你想放到的地方，然后修改一下样式就可以了
<style>
.time{...........................}
</style>
<div class="time">
<SCRIPT language=JavaScript>

</SCRIPT>

</div>

Ⅶ 在 html 网页显示一时钟显示。例如 12:30:45java

网上有很多代码的，自己网络一下很多的，你选择在这等别人给答案是不明智的，不如自己多找点实例。

Ⅷ 如何修改html代码，让时钟如图二所示

li的CSS样式里增加一个： float:left

Ⅸ 如何用html写代码，使得在网页上显示当前的时间和日期

安装如下步骤操作：

1.在电脑磁盘空白出右键-新建，点击文档

Ⅹ HTML 简单的制作一个数字时钟，求帮做！

<html>
	
	<head>
		
		<scriptlanguage="javascript">

functionshowTime()
{
vartheMoment=newDate();
vartheHour=theMoment.getHours();
vartheMinute=theMoment.getMinutes();
	varhm=document.getElementById("hm");
	hm.innerHTML=theHour+"<br/>"+theMinute;
	varother=document.getElementById("other");
	other.innerHTML=theMoment;
	}
	
varhandler=window.setInterval('showTime()',1000);

			</script>
			
			
			
			<styletype="text/css">
				
					#myTime
		{
			color:white;
		border-style:solid;
		background-color:black;
		width:200;
		height:200;
		text-align:center;
		}
				#hm
				{
					color:white;
					text-align:center;
					font-style:bold;
					font-size:40px;
					}
				#other
				{
					color:white;
					text-align:center;
					}
				
				</style>
			
	</head>
	
	<body>
		
		<divid="myTime">
			<divid="hm">
			</div>
			<spanid="other">
			</span>
		</div>
		
	</body>
	
</html>

阅读全文

html时钟代码大全

与html时钟代码大全相关的阅读推荐