Back to home
[代码分享]Form文本框中的时钟
2014-08-26 10:22:02 -0400
代码说明
Form文本框中的时钟，把日期时间显示在表单的输入框中，挺简单的一个网页小技巧，仅供参考。
HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>文本框时钟</TITLE> </HEAD> <body bgcolor="#ffffff" onLoad="startclock();"> <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 = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds if (hours>=6 && hours<=12) {timeValue += ("上午")} if(hours>12 && hours<=18) {timeValue += ("下午")} if(hours>18 && hours <=24) {timeValue +=("晚上")} if(hours<6) {timeValue += ("深夜")} document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </script> <form method="POST" name="clock"> <p><input type="text" name="face" size="11" style="font-size: 9pt"></p> </form> </BODY> </HTML>
代码演示
文本框时钟
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N