Изменить текст страницы после щелчка. js Таймер обратного отсчета останавливается - PullRequest
Новая
       28

Изменить текст страницы после щелчка. js Таймер обратного отсчета останавливается

0 голосов
/ 17 января 2020

В настоящее время я использую flipclock. js в качестве таймера обратного отсчета. Я хочу изменить текст веб-страницы после остановки обратного отсчета. Я использую параметр onStop, чтобы попытаться сделать это, но не могу заставить работать какие-либо строки. 

<head>
  <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.css" rel="stylesheet">
</head>
<script>
  var clock = $('.clock').FlipClock(2, {
    countdown: true,
    minimumDigits: 2,
    onStop: function() {
      alert("Test!");
      $('.message').html('The clock has stopped!');
      $('.message').text('The clock has stopped!')
    }
  });
</script>

<div class="clock"></div>

Есть мысли?

1 Ответ

1 голос
/ 17 января 2020

Вот рабочий фрагмент для вас. Думаю, проблема в документации FlipClock 

<html>
  <head>
    <script
    src="https://code.jquery.com/jquery-2.2.4.min.js"
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
    crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.css">
  </head>
    <body>
      <div class="clock"></div>
      <div class="message"></div>
    
      <script>
        var clock = $('.clock').FlipClock(2, {
          countdown: true,
          minimumDigits: 2,
            callbacks: {
            stop:function() {
              $('.message').html('The clock has stopped!');
            }
          }
        });
      </script>	
    </body>
</html>
...