Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
jqueryui插件的音效_Jquery_Jquery Ui - Fatal编程技术网

jqueryui插件的音效

jqueryui插件的音效,jquery,jquery-ui,Jquery,Jquery Ui,我正在使用jQuery UI插件,希望在动画发生时有相应的音效。我怎么可能做到呢? 这是它的HTML和脚本 $('img').click(function() { $('img') .animate({left: '400px', top: '400px'}, 3000, "easeInOutQuad") .animate({left: '-=400px', top: '-=400px', opacity: 0}, 3000, "easeInCub

我正在使用jQuery UI插件,希望在动画发生时有相应的音效。我怎么可能做到呢? 这是它的HTML和脚本

    $('img').click(function() {
    $('img')
        .animate({left: '400px', top: '400px'}, 3000, "easeInOutQuad")
        .animate({left: '-=400px', top: '-=400px', opacity: 0}, 3000, "easeInCubic");
    });
使用html5音频

var audio = new Audio('audio_file.mp3');
$('img').click(function() {
    audio.play();  
    $('img')
    .animate({left: '400px', top: '400px'}, 3000, "easeInOutQuad")
    .animate({left: '-=400px', top: '-=400px', opacity: 0}, 3000, "easeInCubic");
});

我如何控制play()函数,比如说,让它不停地播放,或者在几毫秒后暂停播放?您可以在此处找到有关javascript媒体对象的更多信息:。您可以执行类似于设置超时的操作(函数(){audio.pause();audio.currentTime=0;},500);对于autoplay,您可能可以绑定到
结束的
回调,并在那里执行
audio.play()
。从来没有做过,但它应该会起作用。