Question

对于一个javascript播放/暂停事件，我无法全神贯注于w3schools的这段代码。

let video = document.getElementById("myVideo");
let btn = document.getElementById("myBtn");

function myFunc() {
	if (video.paused) {
    	video.play();
        btn.innerHTML = "Pause";
    } else {
    	video.pause();
        btn.innerHTML = "Play";
    }
}

如果暂停的视频为true，则应播放视频，并且btn应显示“暂停”。但是不应该反过来吗？如果视频暂停了，那么video.pause()应该在那里？

Answer 1

请记住，单击按钮时将执行操作，因此，假设正在播放视频并执行了该功能，则将运行以下代码段：

video.pause(); // the played video is now paused
btn.innerHTML = "Play"; // the button now shows 'Play' from what it was before 'Pause'

再次执行该功能时（暂停时），代码将检查是否暂停，如果暂停，则表示它需要播放，因此需要以下代码段：

if (video.paused) { // Was the video paused? If yes...
    video.play(); // We now play the video as it was paused
    btn.innerHTML = "Pause"; // We changed the button text from 'Play' to 'Pause'
}

以上摘要中的评论应进一步阐明。

这个javascript逻辑是什么意思？

1 个答案: