Question

此代码的目的是遍历网址并将最新的网址插入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>

以下是正文标记

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

这里的问题是这段代码会快速浏览网址列表，您只能看到第一个网址和最后一个网址。中间的网址到目前为止是不可见的，倒数计时器只出现一次。我正在使用jquery倒计时插件。

如何使这个减速并在移动到下一个之前单独显示倒计时的每次迭代？非常感谢你。

Answer 1

您的变量范围存在问题。无法从litOff函数访问changetimer var。您可以将其设为全局，如下所示：

<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

感谢大家的反馈和答案。我现在以header：location命令的php参数的形式找到了问题的解决方案。如果使用刷新，则可以再次加载相同的页面，并且每次都会增加数据库指针。 Simples！

如何使用jQuery倒计时插件遍历iframe中的一系列网址？

2 个答案: