zoukankan      html  css  js  c++  java
  • 一个简单的倒计时js插件

    接收的参数end是必须传的,格式是/分隔的日期字符串,start是可选的,不传就是从现在开始倒计时,callback也是可选的,到倒计时接收时执行自定义的函数。

    countdown({
                    'end':'2015/9/1 17:12:00',
                    'callback':function () {
                        document.getElementById('countdown').innerHTML = 'the end!';
                    }
                });
    (function (){
        function countdown(config){
            var startDate = config.start ? new Date(config.start) : new Date();
            var endDate = new Date(config.end);
            var id = config.id || 'countdown';
    
            var time = (endDate - startDate)/1000;
    
            if(time < 0){
                if(config.callback){
                    config.callback();
                }
                return;
            }
    
            var day = parseInt(time/86400, 10);
            var hour = parseInt(time%86400/60/60, 10);
            var minute = parseInt(time%86400%3600/60, 10);
            var second = parseInt(time%86400%3600%60, 10);
    
            setTimeout(function (){
                document.getElementById(id).innerHTML = day+' day '+hour+':'+minute+':'+second;
                countdown(config);
            }, 1000);
        }
    
        window.countdown = countdown;
    })();
  • 相关阅读:
    class 关键字
    自适应Web主页
    前端跨域解决
    HTML5新增特性
    HTTP知识点【总结篇】
    针对Web应用的【攻击模式篇】
    HTTPS和HTTP
    HTTP状态码之【整理篇】
    SpringCloud配制eureka
    maven连接国内仓库
  • 原文地址:https://www.cnblogs.com/pandabunny/p/4776927.html
Copyright © 2011-2022 走看看