js时间显示样式源代码

╰半夏微凉° 2022-10-02 12:56 144阅读 0赞

<!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>