Javascript 如何使此滑块自动播放?
我已经从这里下载了滑块 我试图让它自动播放,但我似乎无法让它工作,有人知道我如何才能做到这一点吗?我试图玩下面的代码,但无法得到我想要的Javascript 如何使此滑块自动播放?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经从这里下载了滑块 我试图让它自动播放,但我似乎无法让它工作,有人知道我如何才能做到这一点吗?我试图玩下面的代码,但无法得到我想要的 function init() { [].forEach.call(document.querySelectorAll('.tt-grid-wrapper'), function (el) { var grid = el.querySelector('.tt-grid'), items = [].slice.
function init() {
[].forEach.call(document.querySelectorAll('.tt-grid-wrapper'), function (el) {
var grid = el.querySelector('.tt-grid'),
items = [].slice.call(grid.querySelectorAll('li')),
navDots = [].slice.call(el.querySelectorAll('nav > a')),
isAnimating = false,
current = 0;
navDots.forEach(function (el, i) {
el.addEventListener(eventtype, function (ev) {
if (isAnimating || current === i) return false;
ev.preventDefault();
isAnimating = true;
updateCurrent(i);
loadNewSet(i);
});
});
您可以尝试以下方法:
function init() {
[].forEach.call(document.querySelectorAll('.tt-grid-wrapper'), function (el) {
var grid = el.querySelector('.tt-grid'),
items = [].slice.call(grid.querySelectorAll('li')),
navDots = [].slice.call(el.querySelectorAll('nav > a')),
isAnimating = false,
current = 0;
navDots.forEach(function (el, i) {
el.addEventListener(eventtype, function (ev) {
if (isAnimating || current === i) return false;
ev.preventDefault();
isAnimating = true;
updateCurrent(i);
loadNewSet(i);
});
});
var delay = 1000;
var num_frames = 4;
var i = 1;
setTimeout( function() {
if (isAnimating || current === i) return false;
isAnimating = true;
updateCurrent(i);
loadNewSet(i);
i >= 4 ? i = 0 : i++;
} , delay);
};
它是滑动点击现在你能帮我把它设置为onload吗?