Приведенная ниже функция останавливает слайдер вращения при загрузке страницы и возобновляет воспроизведение, когда пользователь нажимает кнопку #close_cross. Как добавить время из 10 секунд, чтобы, когда пользователь не нажал кнопку закрытия #close_cross, ползунок возобновит игру?
<script>
// pause slider
jQuery(document).ready(function() {
jQuery(".rev_slider_wrapper").each(function(){
$this = jQuery(this);
id_array = $this.attr("id").split("_");
id = id_array[2];
jQuery.globalEval( 'revapi'+id+'.bind("revolution.slide.onloaded",function (e) {revapi'+id+'.revpause();});' );
});
});
// play slider on pop up close
jQuery("#close_cross").on('click', function() { jQuery(".rev_slider_wrapper").each(function(){
$this = jQuery(this);
id_array = $this.attr("id").split("_");
id = id_array[2];
jQuery.globalEval( 'revapi'+id+'.revresume();' );
}); });
</script>
Вам нужно будет переместить код резюме в отдельную функцию.
Это непроверено, но оно должно дать вам идею:
// pause slider
jQuery(".rev_slider_wrapper").each(function(){
$this = jQuery(this);
id_array = $this.attr("id").split("_");
id = id_array[2];
jQuery.globalEval( 'revapi'+id+'.bind("revolution.slide.onloaded",function (e){revapi'+id+'.revpause();});' );
});
function resumeSlider(){
jQuery(".rev_slider_wrapper").each(function(){
$this = jQuery(this);
id_array = $this.attr("id").split("_");
id = id_array[2];
jQuery.globalEval( 'revapi'+id+'.revresume();' );
});
}
// play slider on pop up close
jQuery("#close_cross").on('click', resumeSlider);
setTimeout(function(){
resumeSlider();
jQuery("#close_cross").off('click');
}, 10000);
Кроме того, как говорит epascarello, я уверен, что нет необходимости использовать globalEval()
Для этого вы можете просто использовать базовую функцию setTimeout (@MDN).
setTimeout(function(){console.log("put the play code here")}, 10000);