javascript - 如何阻止重复加载

Question

我有以下代码来替换 iframe 的 src，以便每次加载页面时都有一个随机视频。然而，页面只是继续加载并继续运行该功能。如何停止重复功能。

<div id="rightsugg"><iframe id="randomVideo" width="560" height="315" src="" onLoad="displayRandomVideo();" frameborder="0" allowfullscreen></iframe></div>
                    <script type="text/javascript">
                        function getRandomVideo() {
                            var videos = [
                                'https://www.youtube.com/embed/kiTO7c_qeZs',
                                'https://www.youtube.com/embed/z4Hfv00eqoI',
                                'https://www.youtube.com/embed/7cdZYQB5ONE',
                                'https://www.youtube.com/embed/i1gE3nyQnKg',
                            ];
                            var video = videos[Math.floor(Math.random()*videos.length)];

                            return video;
                        }

                        function displayRandomVideo() {
                            var htmlVideo = document.getElementById("randomVideo");
                            htmlVideo.src = getRandomVideo();
                        }
                        displayRandomVideo();
                    </script>

Answer 1

只需在视频显示后取消注册 onLoad 事件即可。

function displayRandomVideo() {
        var htmlVideo = document.getElementById("randomVideo");
        htmlVideo.src = getRandomVideo();
        htmlVideo.onload=null;  
}

jsfiddle