如何使用jQuery倒计时插件在iframe中循环一系列的url

Question

这段代码的目的是遍历url并将最新的url插入iframe。

<?php
$count=0;
$urls[]="http://www.techcrunch.com";
$urls[]="http://www.livingsocial.com";
$urls[]="http://www.guardian.co.uk";
$urls[]="http://www.google.com";
$urls[]="http://www.rightmove.com";
$urls[]="http://www.godaddy.co.uk";
foreach ($urls as $count){
?>
<script type="text/javascript"> 
    $(function start() {
    var changetimer = new Date();
    changetimer.setSeconds(changetimer.getSeconds() + 10.5); 
    $('#defaultCountdown').countdown({until: changetimer, onExpiry: liftOff});
    $('#year').text(changetimer.getFullYear());
});
function liftOff() { 
    document.getElementById("mainview").src = '<?php echo($count); ?>';
} 
</script> 
<?php }  ?>
</head> 

下面是body标签

<iframe id="mainview" width="800" height="400" src="http://www.holidays.com">
</iframe>

这里的问题是这段代码快速跳过了url列表，您只看到了第一个url和最后一个url。到目前为止，其中的url是不可见的，倒计时计时器只出现一次。我正在使用jquery倒计时插件。

我如何使它慢下来，并在移动到下一个之前单独显示每次迭代的倒数?非常感谢。

Answer 1

您的变量范围有问题。changetimer var不能通过litOff函数访问。您可以将其设置为全局，如下所示:

<script type="text/javascript"> 
$(function start() {
    window.changetimer = new Date(); //Declare as global
    changetimer.setSeconds(changetimer.getSeconds() + 5.5); 
    $('#defaultCountdown').countdown({until: changetimer, onExpiry: liftOff});
    $('#year').text(changetimer.getFullYear());
});
function liftOff() { 
    document.getElementById("mainview").src = "http://www.google.co.uk";
    window.changetimer.setSeconds(window.changetimer.getSeconds() + 5.5); //Reference global
    $('#defaultCountdown').countdown({until: window.changetimer, onExpiry: start}); //Reference global
} 
</script> 

希望这对你有帮助。欢呼声

Answer 2

感谢大家的反馈和回答。我找到了解决问题的方法，现在以php头参数的形式:位置命令。如果使用refresh，则可以再次加载相同的页面，并且每次都增加一个数据库指针。简单的!