Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从0开始设置间隔循环_Javascript_Jquery_Setinterval - Fatal编程技术网

Javascript 从0开始设置间隔循环

Javascript 从0开始设置间隔循环,javascript,jquery,setinterval,Javascript,Jquery,Setinterval,我有一个html幻灯片,每10秒旋转一次客户的广告,但是第一个广告总是从20秒开始显示。我认为这是因为setInterval从10秒开始,因此select语句只在10秒后执行,因此第一个ad的时间加倍 我需要设置间隔从0秒开始 以下是我的设置间隔: <script> setInterval(function() { $('#slideshow > div:first') .fadeOut(0) .next() .fadeIn(0) .end() .appendTo('#sli

我有一个html幻灯片,每10秒旋转一次客户的广告,但是第一个广告总是从20秒开始显示。我认为这是因为setInterval从10秒开始,因此select语句只在10秒后执行,因此第一个ad的时间加倍

我需要设置间隔从0秒开始

以下是我的设置间隔:

<script>
setInterval(function() { 
$('#slideshow > div:first')
.fadeOut(0)
.next()
.fadeIn(0)
.end()
.appendTo('#slideshow');
},  10000);
</script>

setInterval(函数(){
$(“#幻灯片>分区:第一个”)
.fadeOut(0)
.next()
.fadeIn(0)
(完)
.appendTo(“#幻灯片”);
},  10000);
完整代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us">
<head>
<style>
body {
margin: 0;
}
</style>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script>
<script>
function handler() {
$('#slideshow > div:first')
.fadeOut(0)
.next()
.fadeIn(0)
.end()
.appendTo('#slideshow');
}
handler();
setInterval(handler, 10000);
</script>

</head>
<body>
<?PHP
echo "<div id='slideshow'>";
//Getting ads from the database
require_once('connect_pdo.php');
$sqlst = $conn->prepare("SELECT ads from adlist");
$sqlst->execute();
while($resultst = $sqlst -> fetch()){
$adlist = $resultst["Monday_Morning"];
echo "<div class='slideshow'>";
//Display ad as an image
//<object data='/$adlist'></object>
echo "<iframe id='frame' src='/$adlist' style='position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999; autoplay'>
Your browser doesnt support iframes
</iframe>";
echo "</div>";
}
echo "</div>";
?>

</body>

</html>

身体{
保证金:0;
}
函数处理程序(){
$(“#幻灯片>分区:第一个”)
.fadeOut(0)
.next()
.fadeIn(0)
(完)
.appendTo(“#幻灯片”);
}
handler();
设置间隔(处理器,10000);

回调定义为一个函数并调用它。还将其作为
setInterval

函数处理程序(){
alert();//仅用于演示
$(“#幻灯片>分区:第一个”)
.fadeOut(0)
.next()
.fadeIn(0)
(完)
.appendTo(“#幻灯片”);
}
handler();
设置间隔(处理器,10000)

只需在设置间隔之前调用回调一次


设置
setInterval
等待给定的延迟时间,然后再进行第一次回调调用。

@charlester,运行此代码段。.您没有收到
警报
?是的,谢谢我收到了
警报
。这表明我的
可能存在问题。我用我的全部代码更新了这个问题。“你可能还看到什么不对劲吗?”查尔斯特,我很高兴这有帮助!Happy CodingDo共享解析/浏览器呈现的html,而不是
php包装的
html,因为曾经无法执行该操作..虽然您的建议可能是解决原始问题所需的全部,对问题的原因以及如何通过您的建议解决问题的一些解释可能有助于更好地了解OP和其他读者稍后的答案。