Как запустить таймер на клике?

Question

Как запустить таймер на клике?

-1

Я ищу, чтобы получить 2-минутный таймер при нажатии на ссылку.

<a href="javascript:void(1);">Resend code</a>

Кто-нибудь может помочь?

С уважением, Билл

BillNathan 19 апр. 2019, в 04:32

Источник

0

12000 миллисекунд это 12 секунд. Тебе нужно 2000
Ted 19 апр. 2019, в 02:27

Теги:

javascript

jquery

twitter-bootstrap

css

3 ответа

Ещё вопросы

12000 миллисекунд это 12 секунд. Тебе нужно 2000

MobDevelop · Answer 1 · 2019-04-19T02-50-00.000Z

<button id = "timerButton" onclick = "myTimer()">Resend code</button>

код JavaScript

let cTime = 120;
function myTimer(){
  if(cTime == 0){
    document.getElementById("timerButton").innerHTML = "Resend code";
  } else{
    document.getElementById("timerButton").innerHTML = cTime;
    cTime = cTime - 1;
    setTimeout(myTimer, 1000);
  }
}

Я редактирую свой ответ

Нет, я имею в виду, когда вы нажимаете ссылку «Повторно отправить код», текст «Повторно отправлять код» заменяется на «Попробуйте другой код в 02:00», «Попробуйте еще один код в 01:59» и т. Д. До 0:00 и повторная отправка Кодовая кнопка появляется обратно!
@BillNathan Да, ты должен поставить это в свой вопрос ...

AhmadMM · Answer 2 · 2019-04-19T07-03-00.000Z

Здравствуйте, вы можете использовать функцию countdown и изменить js-startTimer функции js-startTimer

var interval;

function countdown() {
  clearInterval(interval);
  interval = setInterval( function() {
      var timer = $('.js-timeout').html();
      timer = timer.split(':');
      var minutes = timer[0];
      var seconds = timer[1];
      seconds -= 1;
      if (minutes < 0) return;
      else if (seconds < 0 && minutes != 0) {
          minutes -= 1;
          seconds = 59;
      }
      else if (seconds < 10 && length.seconds != 2) seconds = '0' + seconds;

      $('.js-timeout').html(minutes + ':' + seconds);

      if (minutes == 0 && seconds == 0) clearInterval(interval);
  }, 1000);
}

$('#js-startTimer').click(function () {
  $('.js-timeout').text("2:00");
  countdown();
});

<p>2 minutes timer <span class="js-timeout">2:00</span>.</p>

<button id="js-startTimer">Start Countdown</button>

Jay · Answer 3 · 2019-04-19T04-46-00.000Z

Попробуй это:

var mins;
var secs;
var interval;

$(document).ready(function() {
  $("#send-code").click(function() {
    mins = 2;
    secs = 0;
    var btn = $(this);
    btn.attr("disabled", true);
    interval = setInterval(function() {
      if (mins >= 0 && secs >= 0) {
        btn.text("Resend Code in " + pad(mins, 2) + ":" + pad(secs, 2));
        if (secs > 0) {
          secs--;
        } else {
          secs = 59;
          mins--;
        }
        if (mins < 0)
        {
          clearInterval(interval);
          btn.removeAttr("disabled").text("Send Code");
          return true;
        }
      }
      console.log("Mins: " + mins + ", Secs: " + secs);
    }, 1000);
  });
});

function pad(num, size) {
  var s = num + "";
  while (s.length < size) s = "0" + s;
  return s;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="send-code">Send Code</button>