30.06.2019, 15:24
|
|
Новичок на форуме
|
|
Регистрация: 03.06.2019
Сообщений: 8
|
|
|
Включение скрипта при клике.
Здравстуйте есть js код:
$(document).ready(function($) {
$('.count-number').counterUp({
delay: 90,
time: 10000
});
});
Что прописать, чтобы он начал работу только при клике на его элемент. |
|
30.06.2019, 15:38
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
UnicornLord,
$(function() {
$('.count-number').on('click', function() {
$(this).counterUp({
delay: 90,
time: 10000
});
})
});
|
|
30.06.2019, 15:59
|
|
Новичок на форуме
|
|
Регистрация: 03.06.2019
Сообщений: 8
|
|
работатет но не совсем так. Подскажите пожалуйста, как сделать чтобы вначале отчета, до клика были цифры 0, и чтоб при клике они только начали ползти вверх, а то сейчас там сразу цифры 9999 и при клике, они просто заново начинают отчет. И КЛИК ЧТОБ БЫЛ ПО ЛЮБОМУ МЕСТУ ЭКРАНА ТЕЛЕФОНА. Спасибо за помощь
Вот html код
<body>
<div class="counter">
<h2 class="timer count-title count-number first">999999</h2>
</div>
<div class="counter">
<h2 class="timer count-title count-number second">999999</h2>
</div>
</body>
А вот js
$(function() {
$('.count-number').on('click', function() {
$(this).counterUp({
delay: 90,
time: 10000
});
})
});
Последний раз редактировалось UnicornLord, 30.06.2019 в 16:02.
|
|
30.06.2019, 16:16
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
UnicornLord,
<!doctype html>
<html>
<head>
<title>untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
@font-face{
font-family:'Intro';
src:url('http://s.platformalp.ru/fonts/intro/400.woff2') format('woff2');
}
.num{
font-size:104px;
font-weight:600;
font-family:'Intro';
color:#999999;
}
.num .m{
color:#FF1493;
}
.num .m:nth-last-child(n +4){
color:#006400;
}
</style>
<script>
$(function() {
$(".num").each(function(c, b) {
b = $(b);
var a = b.data(), num = $({n:a.num});
b.click(function() {
num.stop();
num[0].n = a.num;
num.animate({n:a.end}, {duration:a.duration, step:function(a) {
a = ("" + (a | 0)).split("").reduce(function(a, b) {
return a + "<span class='m'>" + b + "</span>";
}, "");
b.html(a);
}});
})
});
});
</script>
</head>
<body>
<div class="num" data-num="0" data-end="10000" data-duration="2000">click</div>
<div class="num" data-num="15000" data-end="-10" data-duration="20000">click</div>
</body>
</html>
|
|
30.06.2019, 16:29
|
|
Новичок на форуме
|
|
Регистрация: 03.06.2019
Сообщений: 8
|
|
$(document).ready(function($) {
$('.count-number').counterUp({
delay: 90,
time: 10000
});
});
А как сделать просто задержку автозапуска скрипта на 15 сек, и чтоб запуск начинался без клика с цифры 0
Последний раз редактировалось UnicornLord, 30.06.2019 в 16:36.
|
|
30.06.2019, 17:26
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
UnicornLord,
нет такого параметра в этом плагине.
|
|
30.06.2019, 17:50
|
|
Новичок на форуме
|
|
Регистрация: 03.06.2019
Сообщений: 8
|
|
спасибо, помогло, взял в итоге этот код.
$(function() {
$(".num").each(function(c, b) {
b = $(b);
var a = b.data(), num = $({n:a.num});
$(function() {
num.stop();
num[0].n = a.num;
num.animate({n:a.end}, {duration:a.duration, step:function(a) {
a = ("" + (a | 0)).split("").reduce(function(a, b) {
return a + "<span class='m'>" + b + "</span>";
}, "");
b.html(a);
}});
})
});
});
Но есть еще последний вопрос, как замедлить счет числа, слишком быстро набирается число.
куда вставить
delay: 90,
time: 100000
|
|
30.06.2019, 18:08
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Сообщение от UnicornLord
|
|
как замедлить счет числа, слишком быстро набирается число.
|
|
Сообщение от рони
|
|
data-duration="2000"
|
изменить 2000 (это две секунды) |
|
30.06.2019, 18:13
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
|
|
12.08.2019, 12:23
|
|
Новичок на форуме
|
|
Регистрация: 12.08.2019
Сообщений: 1
|
|
Ооо, вот за это спасибо  Я насколько знаю многие применяют эту технику, когда настраивают бонусы https://maxbetcasino.net/luchshie-bonusyi-v-kazino в максбет тоже использовал я эту технику.
Последний раз редактировалось barskihmaksimka159, 19.08.2019 в 10:22.
|
|
|
|
