Bonjour,
T'as tester dans une page normale ? Chez moi, ça le fait effectivement sur jsFiddle, mais pas dans une page normale. Et dans jsFiddle, ça le fait aussi sans la modification (voir
https://jsfiddle.net/parsimonhi/Lhm80ekd/ ).
Je redis ma question :
Qu'est-ce qui doit déclencher le démarrage du compteur ? (a priori ça ne doit pas s'arrêter ensuite si j'ai bien compris).
Autre question : tu testes avec quoi ?
Amicalement,
PS: mon code complet qui me semble fonctionner :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.number{
margin: 1000px 0;
display: block;
}
</style>
</head>
<body>
<span class='number counterPlugin'>150 000</span>
<span class='number counterPlugin'>150</span>
<span class='number counterPlugin'>1 000</span>
<span class='number counterPlugin'>50</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script>
/*!
* jquery.counterup.js 1.0
*
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
* Released under the GPL v2 License
*
* Date: Nov 26, 2013
*/
(function(e) {
"use strict";
e.fn.counterUp = function(t) {
var n = e.extend({
time: 400,
delay: 10
}, t);
return this.each(function() {
var t = e(this),
r = n,
i = function() {
var e = [],
n = r.time / r.delay,
i = i=t.text().replace(/,/,".").replace(/\s/g,","),
s = /[0-9]+,[0-9]+/.test(i);
i = i.replace(/,/g, "");
var o = /^[0-9]+$/.test(i),
u = /^[0-9]+\.[0-9]+$/.test(i),
a = u ? (i.split(".")[1] || []).length : 0;
for (var f = n; f >= 1; f--) {
var l = parseInt(i / n * f);
u && (l = parseFloat(i / n * f).toFixed(a));
if (s)
while (/(\d+)(\d{3})/.test(l.toString())) l = l.toString().replace(/(\d+)(\d{3})/, "$1,$2");
e.unshift(l)
}
t.data("counterup-nums", e);
t.text("0");
var c = function() {
t.text((t.data("counterup-nums").shift()+"").replace(/,/g," ").replace(".",","));
if (t.data("counterup-nums").length) setTimeout(t.data("counterup-func"), r.delay);
else {
delete t.data("counterup-nums");
t.data("counterup-nums", null);
t.data("counterup-func", null)
}
};
t.data("counterup-func", c);
setTimeout(t.data("counterup-func"), r.delay)
};
t.waypoint(i, {
offset: "100%",
triggerOnce: !0
})
})
}
})(jQuery);
//https://www.jqueryscript.net/other/Counting-Up-To-Numerical-Values-On-Scroll-jQuery-Countup-js.html/*
$(document).ready(function() {
$('.counterPlugin').counterUp({
'time': 20000,
'delay': 10
});
})
</script>
</body>
</html>
Amicalement,
