zoukankan      html  css  js  c++  java
  • jquery组件团购倒计时功能

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript">
    (function($){
    $.fn.extend({
        setTimers: function(){
            $(this).each(function(item,i){
                if($(this).attr('intdiff')){
                    (function(dom){
                        function timer(){
                            var intdiff = parseInt(dom.attr('intdiff'));
                            var d=h=m=s=0;
                            d = parseInt(intdiff/3600/24);
                            h = parseInt((intdiff/3600)%24);
                            m = parseInt((intdiff/60)%60);
                            s = parseInt(intdiff%60);
                            intdiff--;
                            console.log(intdiff)
                            if(intdiff<0){
                                dom.html(dom.attr('msg'));
                                clearInterval(timerInterval);
                            }else{
                                dom.attr('intdiff',intdiff).html('<i></i>'+' '+d+''+h+'小时'+' '+ m+''+' '+s+'');
                            }
                        }
                        timer();
                        var timerInterval;
                        timerInterval=setInterval(timer,1000);
                    })($(this));
                }
            })
        }
    });
    })(jQuery);
    $(document).ready(function(){
        $('.trimes').setTimers();
    })
    </script>
    
    
    </head>
    <body>
        <div class="trimes" intdiff='1401494400' msg="已完成"></div>
        <div class="trimes" intdiff='4' msg="已完成"></div>
        <div class="trimes" intdiff='14014' msg="已完成"></div>
    
    </body>
    </html>
  • 相关阅读:
    代码审计中的XSS反射型漏洞
    PHP 代码审计代码执行注入
    4.代码审计之代码注入
    3.代码审计之 命令注入
    2.代码审计之超全局变量
    spring, spring mvc, mybatis整合文件配置详解
    StringUtils方法
    主键与外键
    MySQL面试题
    spring面试题
  • 原文地址:https://www.cnblogs.com/tongchuanxing/p/close_jQuery_javascript_Date.html
Copyright © 2011-2022 走看看