Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
Jquery 视频结束时,如何让settimeout函数工作?_Jquery_Html5 Video_Delay - Fatal编程技术网

Jquery 视频结束时,如何让settimeout函数工作?

Jquery 视频结束时,如何让settimeout函数工作?,jquery,html5-video,delay,Jquery,Html5 Video,Delay,视频结束时,settimeout功能是否工作?我正在试图找到一种方法,在视频结束时延迟单击按钮。我有settimeout在视频播放完毕但未执行后运行。我尝试在之前执行delay()。单击,但效果不佳 有问题的JS代码: $('.content-bottom div.tv-main div.webcam-left div.slider-wrap div.slide-wrap div.slider-slide-wrap.video-post.shown div.media-contain video

视频结束时,
settimeout
功能是否工作?我正在试图找到一种方法,在视频结束时延迟单击按钮。我有
settimeout
在视频播放完毕但未执行后运行。我尝试在
之前执行
delay()
。单击
,但效果不佳

有问题的JS代码:

$('.content-bottom div.tv-main div.webcam-left div.slider-wrap div.slide-wrap div.slider-slide-wrap.video-post.shown div.media-contain video#video-to-play').on('ended',function(){
    $(".shown .media-contain").transition({ opacity: 0 });
    setTimeout(function(){
       $('#next-item').click();
    }, 150);
});
完整代码:

var n=$(“.slider slide wrap”).length,
宽度=1024,
newwidth=width*n;
变量n=$(“.slider-slide-wrap2”)。长度,
宽度=1024,
newwidth=width*n;
$('.slide wrap').css({
“宽度”:newwidth
});
$('.slide-wrap2').css({
“宽度”:newwidth
});
$(“.slider slide wrap”)。每个(函数(i){
var thiswid=1024;
$(this.css)({
“左”:thiswid*i
});
});
$(“.slider-slide-wrap2”)。每个(函数(i){
var thiswid=1024;
$(this.css)({
“左”:thiswid*i
});
});
$('.multi-li:gt(0)').hide();
$('.slider wrap')。滚动(函数(){
var scrollLeft=$(this.scrollLeft();
$(“.slider slide wrap”)。每个(函数(i){
var posLeft=$(this).position().left
var w=$(this.width();
if(scrollLeft>=posLeft&&scrollLeft=posLeft&&scrollLeft0){
$('.rundown items').animate({scrollTop:'+=35px'},400);
curr.children('.current').contents().unwrap();//remove.current
curr.next().wrapInner(“”);//将其添加到下一个元素
};
});
$(“#上一项”)。单击(函数(){
event.preventDefault();
var$prev=$('.slide wrap.show').prev();
var$prev2=$('.slide-wrap2.show').prev();
var curr=$('.rundown items.current').parent();//查找.current的父项
如果($prev.length){
$('.slider wrap')。设置动画({
向左滚动:$prev.position().left
}, 0);
};
如果($2.长度){
$('.slider-wrap2')。设置动画({
scrollLeft:$prev2.position().left
}, 200);
};
如果(!curr.hasClass(“第一”)){
if(curr.hasClass(“scrollup”)){
$('.rundown items').animate({scrollTop:'-=35px'},400);
};
curr.children('.current').contents().unwrap();//remove.current
curr.prev().wrapInner(“”);//将其添加到下一个元素
};
});
$(“#重新加载”)。单击(函数(){
位置。重新加载(true);
});
body{padding:0;margin:0}
.container{高度:770px}
.content底部{高度:720px}
.nav包含{顶部填充:13px;左侧填充:20px;}
.slider wrap{position:relative;width:1024px;height:576px;overflow-y:hidden;overflow-x:hidden}
.slider-wrap2{位置:相对;宽度:1024px;高度:60px;溢出-y:隐藏;溢出-x:隐藏;边框顶部:5px实心#2e86ab;背景:#ebedea;填充顶部:5px;文本对齐:中心}
.幻灯片环绕{位置:相对;高度:576px;左侧:0;右侧:0}
.slide-wrap2{位置:相对;高度:60px;顶部:0;左侧:0}
.slider slide wrap.slider-slide-wrap2{位置:绝对;宽度:1024px;高度:100%}
.video-open-1280{位置:绝对;顶部:0;左侧:0;z索引:9999}
.top导航{背景:灰色;高度:50px;位置:相对;z索引:99999999}
.下一项{背景:#000;填充:4px 8px;显示:内联块;颜色:#fff}
.封面艺术{高度:195px;背景:#404e4d}
.tv主屏幕{宽度:1280px;高度:720px;溢出:隐藏;背景:#ebedea;位置:绝对;顶部:50px;左侧:0}
网状物
if (scrollLeft >= posLeft && scrollLeft < posLeft + w) {
$('.shown #video-to-play').trigger('play');
$(".shown .media-contain").transition({ opacity: 0 });
$(".shown .media-contain").animate({ opacity: 0 });
$("#next-item").on("click", function(){
$("#next-item").on("click", function(event){