首页 > Web开发 > 详细

JS的Form文本框内的电子时钟

时间:2015-05-20 18:14:10      阅读:232      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>JS的Form文本框内的电子时钟丨石家庄玻璃隔断厂家</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>
    <br><br><hr>
    

 

JS的Form文本框内的电子时钟

原文:http://www.cnblogs.com/zhaozzm/p/4517634.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!