获取当前时间并显示上午、下午的js代码

发布时间：2018-08-15 23:32 所属栏目：121 来源：站长网

导读：获取当前时间并显示上午、下午的js代码，一个比较简单的客户端代码，你可以修改系统时间查看效果，这是与服务端程序（PHP、ASP等）不能比的，唯一不足的是只能显示上午和下午，而不能显示凌晨、早上、傍晚、晚上和深夜等。如果您想得到不同时间段显示不同

获取当前时间并显示上午、下午的js代码，一个比较简单的客户端代码，你可以修改系统时间查看效果，这是与服务端程序（PHP、ASP等）不能比的，唯一不足的是只能显示上午和下午，而不能显示凌晨、早上、傍晚、晚上和深夜等。

如果您想得到不同时间段显示不同的文字的话，请参照《JS不同时间段显示指定的不同提示信息》一文。

实例代码：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>New Page 1</title> </head> <body onload="startclock()"> <script language=<b>Java</b>Script> 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) ? "下午 " : "上午 " ) 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> <form name=clock > <input name=thetime style="font-size: 9pt;color:#000000;border:0" size=12> </form> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）