码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-30 10:55:03      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:http   alt   bsp   code   div   ready   document   length   bubuko   

 

 效果:

技术分享图片

<div class="sj">
  <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();
                var m = date.getMinutes();
                var s = date.getSeconds();
                
                $(‘.sj span‘).eq(0).html(n);
                $(‘.sj span‘).eq(1).html(y);
                $(‘.sj span‘).eq(2).html(t);
                $(‘.sj span‘).eq(3).html(h);
                $(‘.sj span‘).eq(4).html(m);
                $(‘.sj 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控件

标签:http   alt   bsp   code   div   ready   document   length   bubuko   

原文地址:https://www.cnblogs.com/BlackFungus/p/9109138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!