Javascript jQuery二进制时钟_Javascript_Jquery

Javascript jQuery二进制时钟

javascript jquery

Javascript jQuery二进制时钟,javascript,jquery,Javascript,Jquery,我还没有真正使用jQuery或Javascript。有人能告诉我如何实现这一点吗？转到以下URL：并查看源代码以下是分项数字：此代码设置jQuery和插件： <head> <link href="binary-clock.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.js"></script> <script typ

我还没有真正使用jQuery或Javascript。有人能告诉我如何实现这一点吗？

转到以下URL：

并查看源代码

以下是分项数字：

此代码设置jQuery和插件：

<head>
<link href="binary-clock.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="binary-clock.js"></script>
</head>

它还引用了一个样式表，可以从

此代码：

<div id="binaryClock">
    <div id="bcHa">
        <img src="led0.png" alt="" id="bcHa1" />
        <img src="led0.png" alt="" id="bcHa2" />
    </div>
    <div id="bcHb" class="edge">
        <img src="led0.png" alt="" id="bcHb1" />
        <img src="led0.png" alt="" id="bcHb2" />
        <img src="led0.png" alt="" id="bcHb4" />
        <img src="led0.png" alt="" id="bcHb8" />
    </div>

    <div id="bcMa">
        <img src="led0.png" alt="" id="bcMa1" />
        <img src="led0.png" alt="" id="bcMa2" />
        <img src="led0.png" alt="" id="bcMa4" />
    </div>
    <div id="bcMb" class="edge">
        <img src="led0.png" alt="" id="bcMb1" />
        <img src="led0.png" alt="" id="bcMb2" />
        <img src="led0.png" alt="" id="bcMb4" />
        <img src="led0.png" alt="" id="bcMb8" />
    </div>

    <div id="bcSa">
        <img src="led0.png" alt="" id="bcSa1" />
        <img src="led0.png" alt="" id="bcSa2" />
        <img src="led0.png" alt="" id="bcSa4" />
    </div>
    <div id="bcSb">
        <img src="led0.png" alt="" id="bcSb1" />
        <img src="led0.png" alt="" id="bcSb2" />
        <img src="led0.png" alt="" id="bcSb4" />
        <img src="led0.png" alt="" id="bcSb8" />
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() { 
         updateBinaryClock(); 
    });
</script>

…是页面上引用实际时钟的位置。它包含构成时钟点元素的所有图像文件的div引用。它还包含一些CSS类引用，因此正在进行一些样式设置

此代码：

<div id="binaryClock">
    <div id="bcHa">
        <img src="led0.png" alt="" id="bcHa1" />
        <img src="led0.png" alt="" id="bcHa2" />
    </div>
    <div id="bcHb" class="edge">
        <img src="led0.png" alt="" id="bcHb1" />
        <img src="led0.png" alt="" id="bcHb2" />
        <img src="led0.png" alt="" id="bcHb4" />
        <img src="led0.png" alt="" id="bcHb8" />
    </div>

    <div id="bcMa">
        <img src="led0.png" alt="" id="bcMa1" />
        <img src="led0.png" alt="" id="bcMa2" />
        <img src="led0.png" alt="" id="bcMa4" />
    </div>
    <div id="bcMb" class="edge">
        <img src="led0.png" alt="" id="bcMb1" />
        <img src="led0.png" alt="" id="bcMb2" />
        <img src="led0.png" alt="" id="bcMb4" />
        <img src="led0.png" alt="" id="bcMb8" />
    </div>

    <div id="bcSa">
        <img src="led0.png" alt="" id="bcSa1" />
        <img src="led0.png" alt="" id="bcSa2" />
        <img src="led0.png" alt="" id="bcSa4" />
    </div>
    <div id="bcSb">
        <img src="led0.png" alt="" id="bcSb1" />
        <img src="led0.png" alt="" id="bcSb2" />
        <img src="led0.png" alt="" id="bcSb4" />
        <img src="led0.png" alt="" id="bcSb8" />
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() { 
         updateBinaryClock(); 
    });
</script>

…等待页面在浏览器中完全加载，然后启动时钟插件。

使用以下JavaScript：

$(document).ready(function () {
    $('#clock_div').binaryClock();
});

对于此HTML代码：

<div id="clock_div"></div>

带插件源的演示。

哪怕只是一个资源？我只是不知道如何从文件中调用函数。$this.append'如果您将上面链接中的页面源代码的副本作为.HTM文件保存到计算机上的文件夹中，并将该网页使用的脚本和图像放在同一文件夹中，它应该可以正常工作。我对此表示感谢，但我有理由想了解我在做什么。谢谢你的帮助。我想我快接近了。准确地说，这是一个时钟，用数值表示当前时间，因此不是真正的二进制。二进制编码的十进制时钟是最常见的二进制时钟。@scniro: