a.html 1.97 KB
<!DOCTYPE html>
<html>
    <style type = "text/css">
        body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; width : 100%; font-size: 3.0em; line-height: 3.0em; font-weight : bold; font-family: Yeon Sung; text-align:center; color:white; background-image:url(../public/images/indexWallpaper.jpg); }
        
        
        #center_top1 {position:absolute; top:50px; left:550px; height :25%; overflow:hidden; }
        
        #center_top2 {position:absolute; top:200px; left:600px; height :25%; overflow:hidden;}

        #center_top3 {position:absolute; top:350px; left:500px; height :25%; overflow:hidden;}
    
        #center_top4 {position:absolute; top:500px; left:670px; height :25%; overflow:hidden; }

    </style>
    
    
    <body>
        
        <div id = "center_top1">
                (사용자정보) 님은
        </div>
        <div id = "center_top2">
            <div id = "timerTxt"></div>
        </div>
        <div id = "center_top3">
                (사고 요인)로 인해 사망
        </div>
        <div id = "center_top4">
                합니다.
        </div>
         
        <script type = "text/javascript">
            var timerId;
            var timerSec = 3;
            
            window.onload = function(){
                timerId = setInterval('timer()', 1000);
            }
            
            function timer(){
                var min = Math.floor(timerSec / 60)
                var sec = timerSec % 60;
                var hour = Math.floor(timerSec / 3600)
                
                var msg = (hour < 10 ? "0" + hour : hour) + ":" + (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
                timerSec--;
                
                if (timerSec < 0){ // time end
                    clearInterval(timerId);
                }
                
                document.getElementById("timerTxt").innerHTML = msg ;

            }
            
        </script>
        
    </body>
</html>