js时间显示样式源代码

最新推荐文章于 2025-07-13 15:39:55 发布

原创最新推荐文章于 2025-07-13 15:39:55 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #源代码 #函数 #HTML #Color

javascipt 同时被 3 个专栏收录

2 篇文章

订阅专栏

时间样式

1 篇文章

订阅专栏

html

1 篇文章

订阅专栏

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