집 > 기사 > 웹 프론트엔드 > js 새로 고침 방지 카운트다운 코드 js 카운트다운 코드

js 새로 고침 방지 카운트다운 코드 js 카운트다운 코드

韦小宝원래의: 2018-01-25 11:00:092132검색

이 글은 주로 js의 새로 고침 방지 카운트다운 코드를 모든 사람에게 자세히 소개합니다. js 카운트다운의 구현 코드는 특정 참고 가치가 있습니다. js에 관심이 있는 친구는 이 글을 참고할 수 있습니다.

현재 시험 시스템을 유지 관리 중입니다. 시험을 치르다가 실수로 새로고침 버튼을 눌렀는데 위의 카운트다운에는 영향이 없었습니다. 여러 블로그에도 그러한 예가 있어서 어떻게 새로고침이 방지되는지 확인하고 싶습니다.

cs코드로 작성했다면 새로고침 방지 방법을 빠르게 적어줄 수도 있겠지만, 프론트엔드 개발을 해야하고, 시험도 해당 페이지에서 진행되기 때문에 여기서는 우리가 배운 js를 활용하겠습니다.

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>前端开发</title>

</head>

 

<body>

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime;
if(window.name==&#39;&#39;){
maxtime = 1*60;
}else{

maxtime = window.name;

}

 

function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert(&#39;注意，还有5分钟!&#39;);

--maxtime;

window.name = maxtime;

}

else{
clearInterval(timer);
alert("考试时间到，结束!");

}

}

timer = setInterval("CountDown()",1000);
//-->

</SCRIPT>

<p id="timer"style="color:red"></p>

 

</body>

</html>

사실 여기서 주요 아이디어는 시간을 변수에 넣고 새로 고친 후에 계속해서 변수에서 데이터를 읽을 수 있다는 것입니다. cookie를 사용하여 시작 시간을 저장하고 새로 고친 후 먼저 쿠키를 읽을 수도 있습니다. 이 방법 외에도 더 많은 방법이 있을 수 있습니다. 모두가 더 나은 의사소통 방법을 가지기를 바랍니다.

js 새로 고침 방지 카운트다운 코드 js 카운트다운 코드

관련 기사