반응형
예약시간에 실행하기 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] - 예약시간에 스크립트 실행하기
2021.09.28 - [Javascript] - 예약시간에 스크립트 실행하기2
반응형
'blog > php' 카테고리의 다른 글
php if문으로 class 제어 (파라미터) (0) | 2023.05.16 |
---|---|
php 보안 htmlspecialchars (0) | 2021.09.28 |