Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Включение скрипта при клике. (https://javascript.ru/forum/project/77901-vklyuchenie-skripta-pri-klike.html)

UnicornLord 30.06.2019 15:24

Включение скрипта при клике.
 
Здравстуйте есть js код:

$(document).ready(function($) {
        $('.count-number').counterUp({
            delay: 90,
            time: 10000
        });
 });


Что прописать, чтобы он начал работу только при клике на его элемент.

рони 30.06.2019 15:38

UnicornLord,
$(function() {
   $('.count-number').on('click', function() {
   $(this).counterUp({
            delay: 90,
            time: 10000
        });
   })
});

UnicornLord 30.06.2019 15:59

работатет но не совсем так. Подскажите пожалуйста, как сделать чтобы вначале отчета, до клика были цифры 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
        });
   })
});

рони 30.06.2019 16:16

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>

UnicornLord 30.06.2019 16:29

$(document).ready(function($) {
        $('.count-number').counterUp({
            delay: 90,
            time: 10000
        });
 });

А как сделать просто задержку автозапуска скрипта на 15 сек, и чтоб запуск начинался без клика с цифры 0

рони 30.06.2019 17:26

UnicornLord,
нет такого параметра в этом плагине.

UnicornLord 30.06.2019 17:50

спасибо, помогло, взял в итоге этот код.
$(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

Цитата:

Сообщение от UnicornLord
как замедлить счет числа, слишком быстро набирается число.

Цитата:

Сообщение от рони
data-duration="2000"

изменить 2000 (это две секунды)

рони 30.06.2019 18:13

UnicornLord,
для примера https://javascript.ru/forum/misc/603...tml#post439702

barskihmaksimka159 12.08.2019 12:23

Цитата:

Сообщение от рони (Сообщение 509666)


Ооо, вот за это спасибо:thanks: Я насколько знаю многие применяют эту технику, когда настраивают бонусы https://maxbetcasino.net/luchshie-bonusyi-v-kazino в максбет тоже использовал я эту технику.


Часовой пояс GMT +3, время: 16:21.