11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,
Après quelques recherches de tutos et de topics consacrés à ce sujet, je ne trouve pas comment simplement en jquery faire un défilement de chiffres de 1 à 250 par exemple comme sur ce site :
http://www.publicis-dialog.fr/#!/conseil-digital où les chiffres défilent tout seul.
Je pourrai le faire avec la fonction delay mais je pense qu'il y a une solution plus propre.
Merci pour vos lumières.
Bonjour,

Personnellement j'utiliserai un .setInterval() pour faire ce genre de compteur. Après je ne connais pas d'autres solutions pour obtenir cet effet Smiley ohwell
Modifié par John Wayne (04 Feb 2014 - 18:02)
Bonsoir,

En effet à mon tour j'utiliserais la fonction setInterval...
Comme un exemple est toujours plus parlant : http://jsfiddle.net/mP8yh/1/


(function(){
    counter = {
        $element : null,
        count : 0,
        maxCount : 255,
        interval : null,
        //Initialize
        init : function(compteur){
            this.$element = compteur;
            this.run();
            this.interval = window.setInterval("counter.run();", 50);
        },
        // Run
        run : function(){
            if (this.count === this.maxCount){
                window.clearInterval(this.interval);
            }
            
            this.$element.html(this.count);
            this.count++;
        }
    };
    
    $.fn.counter = function(){
        counter.init(this);
    }
    
    $("#mySpan").counter();
})();


En espérant vous avoir aidé.
Bien entendu utiliser un effet d'apparition provenant de la bibliothèque jQuery donnerait une impression de fluidité
Bonjour,
Merci pour vos réponses, je vais tenter avec un setinterval alors.
Merci TagadaGeo pour le fidlle mais le lien est mort, peux tu me le réenvoyer ?