Включение скрипта при клике.
Здравстуйте есть js код:
$(document).ready(function($) { $('.count-number').counterUp({ delay: 90, time: 10000 }); }); Что прописать, чтобы он начал работу только при клике на его элемент. |
UnicornLord,
$(function() { $('.count-number').on('click', function() { $(this).counterUp({ delay: 90, time: 10000 }); }) }); |
работатет но не совсем так. Подскажите пожалуйста, как сделать чтобы вначале отчета, до клика были цифры 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,
<!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> |
$(document).ready(function($) { $('.count-number').counterUp({ delay: 90, time: 10000 }); }); А как сделать просто задержку автозапуска скрипта на 15 сек, и чтоб запуск начинался без клика с цифры 0 |
UnicornLord,
нет такого параметра в этом плагине. |
спасибо, помогло, взял в итоге этот код.
$(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 |
Цитата:
Цитата:
|
UnicornLord,
для примера https://javascript.ru/forum/misc/603...tml#post439702 |
Цитата:
Ооо, вот за это спасибо:thanks: Я насколько знаю многие применяют эту технику, когда настраивают бонусы https://maxbetcasino.net/luchshie-bonusyi-v-kazino в максбет тоже использовал я эту технику. |
Часовой пояс GMT +3, время: 16:21. |