jQuery通过多个代码旋转

时间:2016-01-15 14:56:16

标签: javascript jquery html css ticker

所以我想在页面顶部显示3条新闻代码。 (旁注:这些不适用于网站,它们是我公司更大的内部营销展示的一部分。该页面只会加载一次,然后将永远坐在四合一70英寸电视显示器上)

我正试图在这些代码之间轮换。我想从第一个到第二个,再到第三个,然后重启。所有这一切都必须在股票代码旋转通过其中的所有li之后发生。

我想出了一种从第一个到第二个自动收报机的方法,但是无法超越它。

 if (tick1.css('opacity') == '1')
    setTimeout(function() {
      tick1.hide();
      tick2.show();
    }, $('.tick1 ul li').length * 1000);

注意:在下面的小提琴中,我的js从第222行开始。所有其他js由Aakash Chakravarthy提供。

https://jsfiddle.net/3yhaynpz/2/

2 个答案:

答案 0 :(得分:2)

这是你正在寻找的东西吗?

var tickers = ['.tick1','.tick2','.tick3'];

for(var i=0;i<tickers.length;i++){

    (function(i){

      var $currentTicker = $(tickers[i]);
      var $nextTicker;

      if(i==tickers.length-1)
        $nextTicker= $(tickers[0]);
      else 
        $nextTicker= $(tickers[i+1]);


      setTimeout(function() {
          $currentTicker.hide();
          $nextTicker.show();
      },$currentTicker.find('ul li').length * 1000 * (i+1));

    })(i);
}

以上代码循环显示所有代码,但不限于3.您可以在该数组中添加所需的代码数量。您也可以在开始新的timeout之前清除之前的CamelContext

FIDDLE HERE

编辑:为无限循环提示HERE

答案 1 :(得分:1)

尝试用此代替代码,以便检查是否隐藏了勾号,如果没有,它将启动循环超时。 JSFiddle

- (IBAction)checkBoxTapped:(id)sender forEvent:(UIEvent*)event
{
    // get the index from the tag value
    NSInteger row = ((UIView *)sender).tag
}