Select 옵션 몇초 후에 자동 페이지 바뀜
Posted 11 19, 2008 09:42, Filed under: Language/JavaScript<!--//로케이션-->
<!--//로케이션-->
<script lang='javascript'>
//script for slide timer
var nextNews = 'http://news.naver.com/sports/index.nhn?category=kbo&ctg=album&mod=read&seq=9440&order=16';
var nextUrl = '';
var timer, count;
var slide_timer;
function timedSlide(time, sec) {
clearTimeout(slide_timer);
if( nextNews != '' ) {
timer = time;
count = sec - 1;
if (time == sec)
nextUrl = nextNews+"&timer="+time;//+'#viewArea';
if ( time == 0 ) {
document.getElementById('msgbar1').innerHTML='';
} else if ( sec == 0 ) {
setTimeout("location.href=nextUrl", 0);
} else if ( sec > 0 ) {
document.getElementById('msgbar1').innerHTML=sec+'초 ';
slide_timer = setTimeout("timedSlide(timer,count)", 1000);
}
}
else{
document.getElementById('msgbar1').innerHTML='마지막';
}
}
</script>
<img width="1" height="10" id="blank"><br>
<!--이전 다음 버튼군------>
<table width=100% cellspacing=0 cellpadding=0 border=0 bgcolor=EBEBEB>
<tr>
<td width=190 nowrap></td>
<td height=28 nowrap align=center valign=middle>
<a href=/sports/index.nhn?category=kbo&ctg=album&mod=read&seq=9440&order=14><img src="http://imgnews.naver.com/image/sports/2005_1/btn_sport_photo_pre.gif" width="60" height="17" alt="" border="0"></a>
<a href=/sports/index.nhn?category=kbo&ctg=album&mod=spread&seq=9440><img src=http://imgnews.naver.com/image/news/2004n/btn_photo_list.gif width=60 height=17 border=0 hspace=5></a>
<a href=/sports/index.nhn?category=kbo&ctg=album&mod=read&seq=9440&order=16><img src="http://imgnews.naver.com/image/sports/2005_1/btn_sport_photo_next.gif" width="60" height="17" alt="" border="0"></a>
</td>
<td align=right width=55 id=msgbar1 style="padding: 3 0 0 0"></td>
<td align=right width=135 >
<select id="timerSelect1" onChange="timedSlide(this.value, this.value);" style="width:120px;font-size:12px;font-family:돋움;" >
<option value=0 selected>자동넘김 설정</option>
<option value=0>자동넘김 안함</option>
<option>===================</option>
<option value=3>3초마다 넘김</option>
<option value=5>5초마다 넘김</option>
<option value=7>7초마다 넘김</option>
<option value=10>10초마다 넘김</option>
</select>
</td>
</tr>
</table>
<!--이전 다음 버튼군------>
"Language / JavaScript" 분류의 다른 글
| Javascript - 중복 체크 알고리즘 (0) | 2011/01/10 |
| Html - DIV 태그를 컨트롤 배경색 변경하기. (0) | 2009/01/06 |
| JavaScript - iframe을 이용한 서브페이지 이동 컨트롤 (0) | 2008/12/22 |
| JavaScript - 팝업창 띄울시에 해상도별 창 위치 설정 & 이동페이지 focus()설정 (0) | 2008/12/22 |
| JavaScript - 웹 페이지 전체 화면으로 띄우기 (0) | 2008/12/19 |
| 테이블 크기에 맞춰 문자열 자르기 (0) | 2008/11/19 |
Trackback URL : http://develop.sunshiny.co.kr/trackback/6