滑块与原型javascript

时间:2010-12-14 15:55:21

标签: javascript prototypejs

我正在使用原型javascrtipt

创建一个滑块

我的问题是,当滑块转到第5张幻灯片时,它会再次滑回到第1张幻灯片(5,4,3,2,1)并从1张幻灯片开始

任何人都可以解释我应该怎么过来谢谢你...

var slider;
Event.observe(window, 'load', function() {
    slider = new MOSS('moss_panel', '', 'moss_panel', null, 1, true, false, 1);
    m_TimeOutSlider = setTimeout("MOSSSlideShow('1')", 1000);
});


function MOSSSlideShow() {

    clearTimeout(m_TimeOutSlider);
    slider.next();
    if (slider.offset == 5) {
        slider.offset = -1;
    }
    m_TimeOutSlider = setTimeout("MOSSSlideShow()",5000);
}

这是我在javascript中的代码

2 个答案:

答案 0 :(得分:0)

这个简单的javascript计时器代码会给你一些想法,你的逻辑可以从那里得到 -

Code for a simple JavaScript countdown timer?

答案 1 :(得分:0)

不要乱用定时器和间隔,而是因为你有Prototype,请使用PeriodicalExecuter

document.observe('dom:loaded', function() {
    var slider = new MOSS('moss_panel', '', 'moss_panel', null, 1, true, false, 1);
    new PeriodicalExecuter(slider.next, 5);
});

(这是一个简单的例子,它不会从“5”旋转到“1”,如果你把它写进slider.next())这将是最好的