x秒後に別のテーブルを表示しようとしていますが、これまでのところうまくいっています。「x秒後に待機」を1回だけ配置する必要があるため、Cookieを作成し、Cookieが存在するかどうかを確認して、直接のdivのみを許可します。
説明: -初めてのユーザー = x 秒後にコンテンツを確認できます -リピーター ユーザー =コンテンツに直接移動します
必要: Cookie を作成する機能、ユーザーが繰り返されているかどうかを確認する = 最初の div を壊して 2 番目の div に直接移動します。これは私が得たものです：
<style>
#picOne, #picTwo {
position:absolute;
display: none;
}
#pics {
width:100px;
height:100px;
}
</style>
<script type = "text/javascript">
/*author Philip M. 2010*/
var timeInSecs;
var ticker;
function startTimer(secs){
timeInSecs = parseInt(secs)-1;
ticker = setInterval("tick()",1000); // every second
}
function tick() {
var secs = timeInSecs;
if (secs>0) {
timeInSecs--;
}
else {
clearInterval(ticker); // stop counting at zero
// startTimer(15); // remove forward slashes in front of startTimer to repeat if required
}
document.getElementById("countdown").innerHTML = secs;
}
startTimer(15); // 15 seconds
</script>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#picOne').fadeIn(0500).delay(15000).fadeOut(000);
$('#picTwo').delay(15000).fadeIn(1500);
});
</script>
</head>
<body>
<div id="pics">
<div id="picOne"> Your video will begin in
<span id="countdown" style="font-weight: bold;">15</span> </div>
<div id="picTwo">//something</object>
</div>
</div>