Сегодняшняя работа
- состояние
- Считайте от 5 до 0, когда модальное всплывающее окно исчезнет!
- но если пользователь щелкнет в любом месте за пределами модального всплывающего окна во время обратного отсчета. это модальное всплывающее окно не должно исчезать.
- функция обратного отсчета срабатывает один раз, когда пользователь щелкает во время обратного отсчета
- есть два модальных окна, которые представляют собой модальное всплывающее окно обратного отсчета и всплывающее окно подтверждения.
https://codepen.io/kes3583/pen/ZdebWj?editors=0010
- jquery — bind , unbind event — метод unbind() устарел в версии 3.0. Вместо этого используйте метод off().
- 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 обратного отсчета
- установитьинтервал, очиститьинтервал
- https://stackoverflow.com/questions/31106189/create-a-simple-10-second-countdown
var timeleft = 10;
var downloadTimer = setInterval(function(){
timeleft--;
document.getElementById("countdowntimer").textContent = timeleft;
if(timeleft <= 0)
clearInterval(downloadTimer);
},1000);