一个小小的即时显示当前时间的jqury控件

Posted 与鲸同游

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个小小的即时显示当前时间的jqury控件相关的知识,希望对你有一定的参考价值。

 

 效果:

<div class="nowTime">
  <span></span>年 
  <span></span>月 
  <span></span>日
  <span></span>: 
  <span></span>: 
  <span></span>
</div>
  
<script>
 $(document).ready(function() {
            function time() {

          var date = new Date();
          var n = date.getFullYear();
          var y = date.getMonth() + 1;
          var t = date.getDate();
          var h = (date.getHours()<10)?"0"+date.getHours():date.getHours();
          var m = (date.getMinutes()<10)?"0"+date.getMinutes():date.getMinutes();
          var s = (date.getSeconds()<10)?"0"+date.getSeconds():date.getSeconds();

                $(\'.nowTime span\').eq(0).html(n);
                $(\'.nowTime span\').eq(1).html(y);
                $(\'.nowTime span\').eq(2).html(t);
                $(\'.nowTime span\').eq(3).html(h);
                $(\'.nowTime span\').eq(4).html(m);
                $(\'.nowTime span\').eq(5).html(s);
                for (var i = 0; i < $(\'div\').length; i++) {
                    if ($(\'div\').eq(i).text().length == 1) {
                        $(\'div\').eq(i).html(function(index, html) {
                            return 0 + html;
                        });
                    }
                }
            }
            time();
            setInterval(time, 1000);
        });
<script>

 

以上是关于一个小小的即时显示当前时间的jqury控件的主要内容,如果未能解决你的问题,请参考以下文章

JQury动画

通过jQury进行批量删除问题(PHP)

如何获取当前显示的片段?

jqury简易实现checkbox反选与全选

JS即时显示当前时间

Java:如何在正在保存的流上即时计算sha1摘要?