Question

我尝试过并在Google上搜索了一段时间，但有些例子对我来说非常复杂。我想在我的母版页上显示一个动态的时钟。我对Jquery并不熟悉，我在那里得到的所有例子都是Jquery。那么初学者是否有一种简单的方法可以在母版页上使用该数字时钟。我还想显示每个刻度的冒号闪烁，这将分开时间。

Answer 1

用javascript制作一个简单的时钟并不困难。

看看这个例子： example

我稍微更改了链接中的示例，因此更容易阅读并且可能理解：

  <input type="text" id="clock"/>
  <script type="text/javascript">
    setInterval("settime()", 1000);

    function settime() 
    {
      var dateTime = new Date();
      var hour = dateTime.getHours();
      var minute = dateTime.getMinutes();
      var second = dateTime.getSeconds();

      if (minute < 10)
        minute = "0" + minute;

      if (second < 10)
        second = "0" + second;

      var time = "" + hour + ":" + minute + ":" + second;

      document.getElementById("clock").value = time;
    }
  </script>

Answer 2

您可以使用ajax面板。看看易于使用ajax update panels在线，然后你可以让时钟每个滴答一秒钟（他们有一个计时器控制）虽然我很确定你可以找到一个像这样的东西的免费赠品对你而言。

This link对我来说似乎很简单。

修改

鉴于客户端需求和下面的评论，您还可以尝试this link

Answer 3

这是一个类似的版本，用于冒号。请注意，它仅使用jQuery来执行冒号'淡化'。

function clock(){
  var d = new Date();
  var h = d.getHours();
  var m = d.getMinutes();
  var s = d.getSeconds();
  $('#clock').html(h+"<span class='colon'>:</span>"+m+"<span class='colon'>:</span>"+s);
  $('.colon').fadeTo(1000, .2);
  setTimeout(clock, 1000);
}

<div id="clock"></div>

您可以像我一样使用Date对象修改邮件中的值，例如添加月/日/年等。

如何在母版页上显示动态时钟？

3 个答案: