源于生活

标题: jQuery代码实现实时获取时间 [打印本页]

作者: vingoo    时间: 2017-2-14 04:26
标题: jQuery代码实现实时获取时间
请自觉引用Jquery库
[JavaScript] 纯文本查看 复制代码
$(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);
});



作者: vingoo    时间: 2017-2-14 04:27
html代码
[HTML] 纯文本查看 复制代码
<div class="sj">
        <span></span>年
        <span></span>月
        <span></span>日
        <span></span>时
        <span></span>分
        <span></span>秒
</div>





欢迎光临 源于生活 (http://bbs.vingoo.info/) Powered by Discuz! X3.1