Head
<meta http-equiv="refresh" content="10;url=http://tistory.com">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>Css
.remainSeconds {color:red}Javascript
var seconds = 11;
function calSeconds() {
seconds--;
$(".remainSeconds").html( seconds );
setTimeout(calSeconds, 1000);
}
$(function(){
calSeconds();
});
Body
<p class="remainSeconds"></p>
<p>10초 후에 티스토리로 넘어갑니다.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>설명
<meta http-equiv=”refresh” conten=”10;url=http://tistory.com“>
<meta http-equiv=”refresh” conten=”초;url=이동할url“>
위 메타 태그를 <head>~</head> 사이에 넣어주시면 됩니다.
10초 후에 티스토리로 이동하는 샘플입니다.
'프로그래밍 언어 > HTML5 + CSS3' 카테고리의 다른 글
| [HTML] Textarea에 간단하게 가로 스크롤 추가하기 (0) | 2018.11.15 |
|---|---|
| Html Html5 Css Javascript(자바스크립트) jQuery 실행기 - 바로 확인 가능) (0) | 2018.05.20 |
| [CSS] 마우스로 드래그하여 선택한 글자의 배경 색상 바꾸는 방법 (0) | 2016.02.17 |
| [Html] javascript로 체크박스의 글자(text)를 클릭해도 체크되도록 하기 (2) | 2016.02.09 |
| [HTML] input 텍스트박스 ime-mode 속성(ie) (0) | 2015.07.15 |
댓글