Javascript版时钟

来源:未知 责任编辑:责任编辑 发表时间:2014-01-20 07:52 点击:

共享一段 Javascript 版时钟代码:


[javascript]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Javascript版时钟</title> 
<script> 
var oInterval=""; 
function fnRecycle(){ 
    var oDate=new Date(); 
    var sSwitch="AM";//上午 
    var iHours=oDate.getHours(); 
    if(iHours>12){ 
        iHours-=12; 
        sSwitch="PM";//下午 
    } 
    var sMinutes=oDate.getMinutes() + ""; 
    if(sMinutes.length==1){ 
        sMinutes="0" + sMinutes; 
    } 
    var sSeconds=oDate.getSeconds() + ""; 
    if(sSeconds.length==1){ 
        sSeconds="0" + sSeconds; 
    } 
    oTimer.innerHTML=iHours + ":" + sMinutes + ":" + sSeconds + " " + sSwitch; 

function window_onload() { 
if(oInterval==""){ 
        oInterval=window.setInterval("fnRecycle()",1000); 
    } 

</script> 
</head> 
 
<body  language="javascript" onload="return window_onload()"> 
 
<!-- 页面调用 --> 
Javascript版时钟:<span id="oTimer" ></span> 
 
</body> 
</html> 


Over!!!

 

摘自 SongYanJun2011
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1