JavaScript 잠시 보고 사라지게 만드는 javascript
홈피 작업을 하다 보면 어떤 기능들은 페이지 출력시 간혹 필요는 한데,
보통때는 필요가 없어서 자리만 차지하고 있는 것들이 있죠.
이런 것들을 모아서 지정 시간이 지나면 화면에서 사리지게 만드는 javascript.
(참고로 sketchbook5_MH 게시판 스킨을 예로 듭니다.)
// 5초 후 모든 .mh_disappear 패널 제거
setTimeout(function() {
var panels = document.querySelectorAll('.mh_disappear');
panels.forEach(function(panel, index) {
setTimeout(function() {
panel.style.transition = 'opacity 0.5s';
panel.style.opacity = '0';
setTimeout(function() {
panel.remove();
}, 500);
}, index * 500); // 0.5초씩 지연
});
}, 5000);
• list.html 37줄 mh_disappear추가 <!--// 관리자에게 모듈번호 출력 --> <div cond="$grant->manager && $mi->modul_num=='' && !$mo" class="m_num mh_disappear" onclick="copyToClipboard('{$mi->module_srl}')">{$mi->module_srl}</div> <script cond="$grant->manager && $mi->modul_num==''"> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { alert('모듈 번호가 클립보드에 복사되었습니다: ' + text); }, function(err) { console.error('클립보드 복사 실패:', err); }); } </script> • ver.html 19줄 mh_disappear추가 <div cond="$grant->manager && !$mi->ver_info==''" class="last_version mh_disappear"> <span>SK5_MH 버전 정보</span> <span><i class="fa-regular fa-bell"></i> <a href="https://moonhouse.co.kr/xemy/590994" target="_blank">{$current_version}</a> <i class="fa-solid fa-caret-right"></i> <a href="https://github.com/moonhouse-80san/SketchBook5_MH" target="_blank">{$last_version}</a></span> <a href="https://moonhouse.co.kr/xemy/590994" target="_blank">MH</a> | <a href="https://github.com/moonhouse-80san/SketchBook5_MH" target="_blank">Github <a class="closeupt" title="기본-table"><i class="fa-solid fa-xmark"></i> 7 Day</a> </div>

- image.png 75.4KB · 0