- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
在文本框里显示当前时间,有时候我们需要在文本框里显示时间,这是很早的特效,不过现在还有用。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>JavaScript日期时间</title> </head> <body onload=startclock()> <form name="clock"> <script language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false;} function startclock () { stopclock(); showtime();} function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours >= 12) ? " 下午 " : " 上午 " ) timeValue += ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds document.clock.thetime.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true;} </script> <input name="thetime" style="font-size: 9pt;color:#0066CC;border:1px solid #0066CC; " size="28" type="text"></form> </body> </html>