网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 简易网页时钟JS代码
内容
    代码如下:
    <!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>简易网页时钟 - www.update8.com</title>
    <style>
    body,div{margin:0;padding:0;}
    body{color:#fff;font:16px/1.5 \5fae\8f6f\96c5\9ed1;}
    #clock{width:300px;text-align:center;background:#1a1a1a;margin:10px auto;padding:20px 0;}
    span{color:#000;width:80px;line-height:2;background:#fbfbfb;border:2px solid #b4b4b4;margin:0 10px;padding:0 10px;}
    </style>
    <script>
    window.onload = function ()
    {
    var oClock = document.getElementById("clock");
    var aSpan = oClock.getElementsByTagName("span");
    setInterval(getTimes, 1000);
    getTimes();
    function getTimes ()
    {
    var oDate = new Date();
    var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];
    for (var i in aDate) aSpan[i].innerHTML = format(aDate[i])
    }
    function format(a)
    {
    return a.toString().replace(/^(\d)$/, "0$1")
    }
    }
    </script>
    </head>
    <body>
    <div id="clock">
    <span></span>点<span></span>分<span></span>秒
    </div>
    </body>
    </html>
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/21 22:30:05