写出以下功能的javascript代码:④视频播放控制功能;⑤图片动态(动画或切换或轮播等)功能。
时间: 2024-05-21 10:13:23 浏览: 35
好的,以下是相应的javascript代码:
④视频播放控制功能:
// 获取视频元素
let video = document.getElementById("myVideo");
// 播放视频
function playVideo() {
video.play();
}
// 暂停视频
function pauseVideo() {
video.pause();
}
// 快进视频
function forwardVideo() {
video.currentTime += 10;
}
// 快退视频
function rewindVideo() {
video.currentTime -= 10;
}
⑤图片动态(动画或切换或轮播等)功能:
// 获取图片元素
let img = document.getElementById("myImg");
// 图片轮播
function slideShow() {
let images = ["img1.jpg", "img2.jpg", "img3.jpg"];
let index = 0;
setInterval(function() {
img.src = images[index];
index = (index + 1) % images.length;
}, 3000);
}
// 图片切换
function switchImg() {
let images = ["img1.jpg", "img2.jpg", "img3.jpg"];
let index = 0;
setInterval(function() {
img.src = images[index];
index = (index + 1) % images.length;
}, 1000);
}
// 图片动画
function animateImg() {
let currentPosition = 0;
let intervalHandle = setInterval(function() {
currentPosition += 5;
img.style.left = currentPosition + "px";
if (currentPosition > 200) {
clearInterval(intervalHandle);
}
}, 50);
}
相关推荐
![text/plain](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)