欢迎访问 水平网    今天是:2017年11月22日 注册 | 登录 | 订阅 | 收藏
>> JavaScript >> Javascript实时时钟代码
推荐代码
热点代码

Javascript实时时钟代码

作者:未知,  来源:网络,  阅读:1346,  发布时间:2014-05-10  【放入收藏夹
代码:复制】【运行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.imphper.cn">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<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>    
<body onLoad="startclock()">    
<div style="float:left;width:80px; overflow:hidden;">    
<form name="clock" style="color:#333333">    
<input name="thetime" style="background:transparent; border:0; color:#333333;" size="28" ReadOnly="true">    
</form>    
</div>    
</body>    
</html>
Tags:Javascript时钟
评论【共有0条评论】查看所有评论
昵称:(*)   邮箱:   QQ:   验证码: 看不清楚?点击刷新验证码