본문 바로가기

blog/php

예약시간에 실행하기 php

반응형

예약시간에 실행하기 php

 

php로 서버시간에 if문으로 실행을 제어하는 방식

 

 

$html에 html을 입력

$html = 
    '<div class="popup" id="popup">
        <p>팝업입니다</p>
    </div>';

 

dates에 현재시간을 저장

$dates = date(DATE_ATOM, mktime());

 

times에 내가 지정할 시간을 저장

$times = date(DATE_ATOM, mktime(15, 10, 01, 2, 24, 2022));

 

현재시간이 내가 지정한 시간보다 크다면 변수 html을 실행

if ($dates > $times) {
        echo $html;
    }

 

CSS 입력 - 팝업 위치와 크기를 지정

#popup {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:300px;height:200px;line-height:200px;z-index:1;color:#333;font-size:20px;font-weight:bold;text-align:center;background:rgba(200,200,200,0.5)}
#popup.on {display:none}

 

자바스크립트 입력 - 클릭시 팝업닫기

window.onload=function(){
            var popup2 = document.getElementById('popup');
            popup2.addEventListener('click', function(){
                popup2.classList.add('on');
            }) 
        }

 

css와 script는 <head></head> 사이에 넣고

 

 

전체코드

<style>
#popup {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:300px;height:200px;line-height:200px;z-index:1;color:#333;font-size:20px;font-weight:bold;text-align:center;background:rgba(200,200,200,0.5)}
#popup.on {display:none}
</style>

<script>
window.onload=function(){
            var popup2 = document.getElementById('popup');
            popup2.addEventListener('click', function(){
                popup2.classList.add('on');
            }) 
        }
</script>

<?php
    $html = 
    '<div class="popup" id="popup">
        <p>팝업입니다</p>
    </div>';
    $dates = date(DATE_ATOM, mktime());
    $times = date(DATE_ATOM, mktime(15, 10, 01, 2, 24, 2022));
    if ($dates > $times) {
        echo $html;
    }
?>

 

 

 

js로만 제어가 필요하다면 밑에 이전글 참조하세요

 

2021.09.27 - [Javascript] - 예약시간에 스크립트 실행하기

 

예약시간에 스크립트 실행하기

예약시간 넣어 스크립트 실행하기 - 스크립트 예약 실행 if (today > endDate) { $('.popup_wrap').css('display','none') } 현재시간이 지정시간보다 클 경우 .popup_wrap 를 display none (여기선 팝업을 종료..

blog.lii.kr

2021.09.28 - [Javascript] - 예약시간에 스크립트 실행하기2

 

예약시간에 스크립트 실행하기2

예약시간에 스크립트 실행하기2 - 스크립트 예약 실행 이전포스트 참조 2021.09.27 - [자바스크립트] - 예약시간에 스크립트 실행하기 endDate) { $('.popup_wrap').css('display','none') } 현재시간이 지정시간..

blog.lii.kr

 

반응형

'blog > php' 카테고리의 다른 글

php if문으로 class 제어 (파라미터)  (0) 2023.05.16
php 보안 htmlspecialchars  (0) 2021.09.28