JavaScript는 Pictures_javascript 기술을 사용하여 간단한 카운트다운 팝업 창 데모를 구현합니다.

;/div>



lt;script type="text/javascript">

var cancel_flag = 0;
var 이미

/* 웹 페이지가 로드되자마자 수행되는 작업*/
window.onload = 재부팅()

/* 재시작 버튼 클릭 작업*/
function restart(); 🎜>if(confirm("이 작업은 현재의 모든 연결을 끊고 장치를 다시 시작합니다. 계속하시겠습니까? ")){
document.getElementById("reboot_pre_time").innerHTML = 4;
document.getElementById("reboot_ing_time").innerHTML = 14;
document.all.progress_reboot.innerHTML = "|" ;
download_flag = 0;
cancel_flag = 0;
setTimeout("showDiv('reboot_pre')",500)
}
}
/* 재시작 준비 팝업 창을 5초 동안 타이머로 설정*/
function DelayPre_reboot(str) {
if(!cancel_flag){
var Delay = document .getElementById(str ).innerHTML;
if(delay > 0) {
delay--;
document.getElementById(str).innerHTML = 지연
setTimeout("delayPre_reboot('reboot_pre_time) ')", 1000);
} else {
hideDiv("reboot_pre");
setTimeout("showDiv('reboot_ing')",500);
delayDo_reboot("reboot_ing_time");
}
}
}
/* 15초 동안 팝업 창 다시 시작 진행 중*/
function DelayDo_reboot(str){
display_reboot(100)
var 지연 = document.getElementById(str).innerHTML;
if(delay > 0) {
delay--;
document.getElementById(str).innerHTML = 지연; ('reboot_ing_time')" , 1000);
} else {
hideDiv("reboot_ing");
alert("재부팅에 성공했습니다! ");
}
}
/* 재부팅 준비 중 취소 버튼 이벤트*/
function restart_cancel(){
cancel_flag = 1;
hideDiv("reboot_pre");
alert("다시 시작 작업을 성공적으로 취소했습니다!")
}
/* 팝업 창 표시*/
function showDiv (str){
document.getElementById(str ). style.visibility = "visible";
}
/* 팝업 창 숨기기*/
function hideDiv (str){
document.getElementById(str).style.visibility = " Hidden";
}

/* 팝업 창 타이밍 및 버퍼 바 이동 다시 시작*/
function display_reboot(max){
already;
var dispObj = document.all .progress_reboot;
dispObj.style.width = 100.0*이미/최대 "px";
document.all.progress_reboot.innerHTML = "||||"
var 타이머 = window.setTimeout(" display( " max ")",1000);
if (이미 >= max){
window.clearTimeout(timer);
}
}