js时间显示样式源代码

来源：互联网发布：php好书推荐编辑：程序博客网时间：2024/06/10 01:18

<!DOCTYPE html>
<html>
<head>
<title>hl.html</title>

//这里面设置相关样式，注意不要错删标点哦
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>

//这里主要是控制时间
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>

<body onLoad="startclock()">

<script LANGUAGE="javascript" TYPE="text/javascript">
style();
</script>
</body>
</html>