[RÉSOLU] Ajouter un countdown en javascript

« Page précédente
0
RÉSOLU
Posté par Michaël
Posée le 14 mai 2015 8 h 46 min
41 vues
    0

    function DaysHMSCounter(initDate, id){

        this.counterDate = new Date(initDate);

        this.container = document.getElementById(id);

        this.update();

    }

    DaysHMSCounter.prototype.calculateUnit=function(secDiff, unitSeconds){

        var tmp = Math.abs((tmp = secDiff/unitSeconds)) < 1? 0 : tmp;

        return Math.abs(tmp < 0 ? Math.ceil(tmp) : Math.floor(tmp));

    }

    DaysHMSCounter.prototype.calculate=function(){

        var secDiff = Math.abs(Math.round(((new Date()) – this.counterDate)/1000));

        this.days = this.calculateUnit(secDiff,86400);

        this.hours = this.calculateUnit((secDiff-(this.days*86400)),3600);

        this.mins = this.calculateUnit((secDiff-(this.days*86400)-(this.hours*3600)),60);

        this.secs = this.calculateUnit((secDiff-(this.days*86400)-(this.hours*3600)-(this.mins*60)),1);

    }

    DaysHMSCounter.prototype.update=function(){

        this.calculate();

        this.container.innerHTML =

             »<td> » + this.days +  »</td>  » +

             » <td> » + this.hours +  »</td>  » +

             » <td> » + this.mins +  »</td>  » +

             » <td> » + this.secs +  »</td>  »;

        var self = this;

        setTimeout(function(){self.update();}, (1000));

    }

    window.onload=function(){ new DaysHMSCounter('January 01, 2000 00:00:00', 'counter'); }

    Posté par Michaël
    Répondue le 14 mai 2015 8 h 49 min
      « Page précédente