カウントダウンでリンク先にジャンプする |
Sample |
ここをクリックして新しいウインドウを開いてください。
|
ソース |
<HTML> <HEAD> <STYLE Type="text/css"> .txtstyle { border-style: none} </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var start=new Date(); var cnt_val=5; start=Date.parse(start)/1000; function count_down(){ var now=new Date(); now=Date.parse(now)/1000; var x=parseInt(cnt_val-(now-start),10); if(document.form1){document.form1.c_down.value = x;} if(x>0){ timerID=setTimeout("count_down()", 100) }else{ location.href="http://yahoo.co.jp" } } window.setTimeout('count_down()',100); //--> </SCRIPT> </HEAD> <BODY> <center> <FORM NAME="form1"> ジャンプまで、あと <INPUT TYPE="text" NAME="c_down" SIZE="2" VALUE="5" class=txtstyle> 秒</FORM> </center> </BODY> </HTML> |
ワンポイント解説 |
var cnt_val=5; <INPUT TYPE="text" NAME="c_down" SIZE="2" VALUE="5" の VALUE="5" で、5秒後にジャンプするように設定しています。 |