スマホ副業情報NO1サイト

//box1の指定
$(‘#box1’).on(‘inview’, function(event, isInView) {
if (isInView) {
//要素が見えたときに実行する処理
$(“#box1 .count-up”).each(function(){
$(this).prop(‘Counter’,0).animate({//0からカウントアップ
Counter: $(this).text()
}, {
// スピードやアニメーションの設定
duration: 2000,//数字が大きいほど変化のスピードが遅くなる。2000=2秒
easing: ‘swing’,//動きの種類。他にもlinearなど設定可能
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
}
});
//box2の指定
$(‘#box2’).on(‘inview’, function(event, isInView) {
if (isInView) {
//要素が見えたときに実行する処理
$(“#box2 .count-down”).each(function(){
$(this).prop(‘Counter’,10).animate({//10からカウントダウン
Counter: $(this).text()
}, {
// スピードやアニメーションの設定
duration: 1000,//数字が大きいほど変化のスピードが遅くなる。1000=1秒
easing: ‘swing’,//動きの種類。他にもlinearなど設定可能
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
}
});