<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>파도타기시작 </title> <style type="text/css"> .wave_document{background: #53FF4C; width: 100px; height: 30px; border: 1px solid #CCCCCC; border-radius: 15px;} // .wave_document{background: #FFFFFF; width: 50px; height: 30px; border: none; border-radius: 15px; position: relative; left: 0px;} </style> <SCRIPT LAUNGUAGE='JAVASCRIPT'> var timeoutID; jQuery(document).ready(function() { var wave = sessionStorage.getItem("wave_codument"); if(wave == "true"){ jQuery('button.wave_document').html('중지'); timeoutID = setTimeout(function(){ location.href = "https://4880.net/ramdom"; }, 10000); } }); function wave_document(){ var wave = sessionStorage.getItem("wave_codument"); if(wave == null){ sessionStorage.setItem("wave_codument", true); location.href = "https://4880.net/ramdom" }else{ sessionStorage.removeItem("wave_codument"); clearTimeout(timeoutID); } } </SCRIPT> </head> <body> <h1>파도타기 10초간 멈춘후 다음 게시물을 보여줍니다. !!</h1> <div class='toggleBG'> <button class='wave_document' type="button" onclick="wave_document()">시작</button> </div> </body> </html>