jQuery 轮播图 控制切换时间
时间: 2023-05-27 19:04:38 浏览: 162
jQuery实现的轮播图
可以使用jQuery中的setInterval()函数来设置轮播图的切换时间。
例如:
```js
var intervalId = setInterval(function() {
// 这里写轮播图切换的代码
}, 3000); // 切换时间为3秒
```
在设置轮播图切换时,需要将上述代码放在轮播图初始化代码的末尾,否则会出现一些意料外的问题。
另外,需要注意的是,在轮播图获得焦点时,应该暂停切换,获得焦点后恢复自动切换。可以借助jQuery的hover()函数来实现:
```js
// 停止自动切换
$('.carousel').hover(function() {
clearInterval(intervalId);
}, function() {
intervalId = setInterval(function() {
// 这里写轮播图切换的代码
}, 3000); // 切换时间为3秒
});
```
上述代码中,当鼠标移至轮播图上方时,会清除定时器,停止自动切换;当鼠标离开轮播图时,会重新启动定时器,恢复自动切换。
阅读全文