我最近开始维护其他人的JavaScript代码.我正在修复错误,添加功能,并尝试整理代码并使其更加一致.
以前的开发人员使用两种声明函数的方法,如果背后有原因,我就无法解决.
这两种方式是:
var functionOne = function() {
// Some code
};
Run Code Online (Sandbox Code Playgroud)
function functionTwo() {
// Some code
}
Run Code Online (Sandbox Code Playgroud)
使用这两种不同方法的原因是什么?每种方法的优缺点是什么?有一种方法可以通过一种方法完成,而另一种方法无法完成吗?
我有一个页面,它使用 html5 视频标签播放来自视频的短片(该页面上不应提供完整视频)。如果用户访问页面并返回,当他们第二次访问时(几分钟内),视频不会播放。我相信这是因为我使用 jQuery 在 7 秒后暂停视频:
$('#playButton').click(function(event){
$('#theVideo').get(0).play()
setTimeout(function(){$('#theVideo').get(0).pause() }, 7000);
});
Run Code Online (Sandbox Code Playgroud)
我尝试.stop()按照此问题的未接受答案中的建议使用:
使 HTML5 视频在指定时间停止
此代码不起作用:
// doesn't work
setTimeout(function(){$('#theVideo').get(0).stop() }, 7000);
// also doesn't work
setTimeout(function(){$('#theVideo').stop() }, 7000);
Run Code Online (Sandbox Code Playgroud)
我参考了 Mozilla 的文档。我为 jQuery 和 HTML5 视频找到的唯一准官方文档来自 w3schools:https : //www.w3schools.com/tags/ref_av_dom.asp
它不引用“停止”方法。我应该期望 .stop() 起作用,还是需要找到其他解决方案?
我的视频代码:
<video playsinline id='theVideo' poster=''>
<source src='http://somedomain/subfolder/playlist.m3u8'>
</video>
<div id="playButton">PLAY</div>
Run Code Online (Sandbox Code Playgroud)
我感谢您的帮助。