Сегодняшняя работа

  1. состояние
  • Считайте от 5 до 0, когда модальное всплывающее окно исчезнет!
  • но если пользователь щелкнет в любом месте за пределами модального всплывающего окна во время обратного отсчета. это модальное всплывающее окно не должно исчезать.
  • функция обратного отсчета срабатывает один раз, когда пользователь щелкает во время обратного отсчета
  • есть два модальных окна, которые представляют собой модальное всплывающее окно обратного отсчета и всплывающее окно подтверждения.

https://codepen.io/kes3583/pen/ZdebWj?editors=0010

  1. jquery — bind , unbind event — метод unbind() устарел в версии 3.0. Вместо этого используйте метод off().
  2. deprecated — 중요도가 떨어져 사용하지 않는
$(document).ready(function(){
  $("p").click(function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("p").unbind();
  });
});
///Unbind a specific function
function alertMe() {
  alert("Hello World!");
}
$(document).ready(function(){
  $("p").click(alertMe);
  $("button").click(function(){
    $("p").unbind("click", alertMe);
  });
});
//mycode
if (countdown > 0) {
   modalToggle.unbind("click", showMConfirmModal);
} else {
   modalToggle.bind("click", showMConfirmModal);
   clearInterval(downloadTimer);
   modal.removeClass("is-visible");
}

2. javascript — вывести текстовое содержимое

get a element text
var x = document.getElementById("myList").textContent;
set/change the textual content of a element
document.getElementById("demo").textContent = "Paragraph changed!";

3. Javascript обратного отсчета

var timeleft = 10;
    var downloadTimer = setInterval(function(){
    timeleft--;
    document.getElementById("countdowntimer").textContent = timeleft;
    if(timeleft <= 0)
        clearInterval(downloadTimer);
    },1000);