如何在JavaScript中创建自动轮播滑块

时间:2015-08-17 15:14:34

标签: javascript slider carousel setinterval

我正在开始用纯JavaScript构建轮播。首先,我试图每2秒实现一次自动滑块。这是代码:

var num = 0;
var intervalID;
window.onload = function() {
var link = document.getElementById("toTest");
link.onclick = marChange;


intervalID = window.setInterval(function() {
link.click();
}, 2000);


}

function marChange(intervalID) {
window.setTimeout(function() {
num = num+900;
var element = document.getElementById("adjust");
var margin = "-"+num+"px";
element.style.marginLeft = margin;
}, 2000);

}

目前我所拥有的是:函数等待4秒并更改1张幻灯片,之后它会继续更改幻灯片0秒超时。我正在努力去理解我做错了什么 - 我尝试了我可以在网上找到的所有提示,但结果总是一样的。即使我试图清除这样的间隔:

if(num>=1800) {
window.clearInterval(intervalID);
}

什么都没发生。看起来我正在调用间隔,但无法进一步操纵它。

如果有人知道如何解决这个问题,请帮助我。

谢谢。

0 个答案:

没有答案