使用setInterval

时间:2016-05-04 11:04:23

标签: javascript jquery html css arrays

我有一个数组和currentValue数组值动态更改,如果相同的值动画(淡入和淡出) Tooltipclass元素但它不起作用。
检查currentValue数组然后得到相同的值索引,如果我得到索引0和3是相同的值并动画工具提示类索引0和3元素。
JS:

eg: var currentValue = [3,5,3];
    // index 0 and 2 same values 

    var Tooltipclass = ['.helpertool_1','.helpertool_2','.helpertool_3'];
    // class index 0 and 2 ll animate

JS:

function getSamevalue(values){
    var currentValue = [3,5,3]; //[values] dynamically values ll change
    var Tooltipclass = ['.helpertool_1','.helpertool_2','.helpertool_3'];
        $.each(Tooltipclass, function(i, val) {
              setTimeout(function() {
                  $(Tooltipclass[i]).fadeOut("slow", function() {
                      $(this).fadeIn("slow");
                  });
              }, i * 3000);
         });
}

getSamevalue(values);

CSS:

.tooltip{ background: red;position:absolute; width:50px; height:20px; }

JSFIDDLE

0 个答案:

没有答案