반대 투표자가 이유를 남길 수 있다면. 그것은 좋을 것입니다.
내 웹 페이지에 10의 값과 버튼이 있다고 가정 해 보겠습니다.
사용자가이 버튼을 클릭 할 때마다 1 씩 감소하는 값을 시각적으로 표시하고 싶습니다.
값이 0이면 (10 회 클릭 후) div를 숨기고 다른 div를 표시합니다.
하지만 버튼을 클릭하면 카운터를 1 씩 줄여야 할뿐만 아니라 창을 열어야합니다. (클릭 할 때마다 같은 창)
클릭 할 때마다 style = "width : x %"``를 10-20-30 % 등으로 변경하고 싶습니다. (그러나 5 초 지연)
누구든지 코드의 양에 과도하지 않고이 모든 것을 수행하는 방법에 대한 아이디어를 가지고 있습니까?
단계는 다음과 같습니다.
width: 10%;
...
카운터가 0에 도달 :
소스 코드:
function countdown() {
var i = document.getElementById('counter');
if (parseInt(i.innerHTML)<=0) {
//hide div
//show div
}
i.innerHTML = parseInt(i.innerHTML)-1;
window.open("");
//change loader
}
이 코드는 원하는 솔루션 일 수 있습니다.
function countdown() {
var i = document.getElementById('counter');
if (parseInt(i.innerHTML)<=0) {
$("#counter").fadeout();
i.innerHTML =10;
i.style.width="100%";
$("#counter").fadein(10);
} else {
i.innerHTML = parseInt(i.innerHTML)-1;
setTimeout(function(){
var i = document.getElementById('counter');
i.style.width="10%";
i.innerHTML="1";
},5000)
}
var msg = window.open("", "Window name", "width=200, height=100");
msg.document.write("Some HTML");
}
html 헤드에 jquery를 추가해야합니다! 코드가 도움이되지 않으면 코멘트를 남겨주세요.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다