在网页上显示一个钟表


<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JavaScript教程</title>

<script>

function startTime()

{

  var today=new Date();

  var h=today.getHours();

  var m=today.getMinutes();

  var s=today.getSeconds();

  m=checkTime(m);

  s=checkTime(s);

  var time=document.getElementById('txt');

  time.innerHTML=h+":"+m+":"+s;

  t=setTimeout('startTime()',500);

}

function checkTime(i)

{

  if(i<10)

  { i="0"+i; }

  return i;

}

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

效果截图如下:

原文地址:https://www.cnblogs.com/Knowledge-wealth/p/5788098.html