<!DOCTYPE html>
<html>
<head>
<title>hl.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!-- 把如下代码加入<head>区域中 -->
<script LANGUAGE="javascript" TYPE="text/javascript">
//这里面设置相关样式，注意不要错删标点哦
function style() {
document
.write('<table border="1" cellspacing="0" cellpadding="1" align="CENTER" bgcolor="pink"><TR><TD><table border="1" cellspacing="1" cellpadding="1" bgcolor="pink">');
document.writeln("</TR><TR>");
document
.writeln('<TR><td colspan="7" align="CENTER" valign="TOP" bgcolor="red"><form name="clock"><FONT style=font-size:9pt;Color:#ffffff>当前时间 <INPUT TYPE="Text" NAME="face" size="12" ALIGN="TOP"></FONT></TD></TR></TABLE></TD></TR></TABLE></form>');
}
</script>
<script LANGUAGE="javascript">
//这里主要是控制时间
var timerID = null;
var timerRunning = false;
function stopclock() {
if (timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timevalue = " " + ((hours > 12) ? hours - 12 : hours);
timevalue += ((minutes < 10) ? ":0" : ":") + minutes;
timevalue += ((seconds < 10) ? ":0" : ":") + seconds;
timevalue += (hours >= 12) ? " PM" : " AM";
document.clock.face.value = timevalue;
timerID = setTimeout("showtime()", 1000);
timerRunning = true;
}
function startclock() {
stopclock();
showtime();
}
</script>
<!-- 在窗体加载的时候调用startclock()函数 -->
<body onLoad="startclock()">
<!-- 调用style显示样式 -->
<script LANGUAGE="javascript" TYPE="text/javascript">
style();
</script>
</body>
</html>