JS获取时间显示上午，下午

来源：互联网发布：链家端口费编辑：程序博客网时间：2024/06/09 21:46

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>时间显示站长学院 www.pigzz.com</title>
    </head>
    <body 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) ? "下午 " : "上午 " )
    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>