简单的JS时间，秒针会跳动_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

简单的JS时间，秒针会跳动

来源：未知作者：类型：文章教程点击次数：发布时间：2014-12-19 13:10:53

js时间

简单的JS时间程序，秒针会跳动，先运行下面的代码查看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单的JS时钟 - 我爱模板网</title> <style> h1{width:450px; height:50px; line-height:50px; margin:0 auto; font-family:"微软雅黑"; color:#666;} span#seconds{font-size:18px;} </style> <script> window.onload = function(){ var showTime = function(){ var myDate = new Date(); var myYear = myDate.getFullYear(); var myMonth = myDate.getMonth(); var myDay = myDate.getDate(); var myHours = myDate.getHours(); var myMinutes = myDate.getMinutes(); if(myMinutes < 10){ myMinutes = "0"+myMinutes; } var mySeconds = myDate.getSeconds(); if(mySeconds < 10){ mySeconds = "0"+mySeconds; } var myTime = document.getElementById("myTime"); myTime.innerHTML = myYear+" - "+myMonth+" - "+myDay+" "+myHours+" : "+myMinutes+"<span id='seconds'>"+mySeconds+"</span>"; } setInterval(showTime,1000); } </script> </head> <body> <script> </script> <h1 id="myTime"></h1> </body> </html>
提示：您可以先修改部分代码再运行

秒针跳动实际上很简单，就是使用了 setInterval 函数，每隔1000毫秒，即一秒钟的时间，显示一次，同时把前面显示的内容覆盖。