Question

我喜欢在这里使用这个简单的代码

http://www.unwrongest.com/projects/airport/

它将在我的网站上用于天气显示 http://www.xaluan.com

这个想法是：温度将从00跳到当前温度，它看起来很漂亮并且活着...... 问题是，当我将温度从C更改为F，或更改Temp的位置时，temp需要更改，然后文本效果也需要随时更改..

但是我已经尝试了很多时间甚至使用.stop或.clearQue重启效果但没有成功。搞砸了，有些情况下没有运行，有些情况下，效果数组成为两个数组的组合..我完全失去了，感谢任何一个adivices

this is narrow simple code for statup test:
<span id="tempnow" class="tempnow">30</span>
<span onclick="changeC()">°F</span>
<span onclick="changeF()">°C</span>

<script>
// fist time run will be:

    $(function($){
$('#tempnow').airport(['00','34']);
});

function changeF () {
$('#tempnow').airport([ '00', '91' ]);
 }
function changeC () {
$('#tempnow').airport([ '00', '34' ]);
 }

(function($){ 
     $.fn.extend({  
         airport: function(array) {

            var self = $(this);
            var chars = ['0','9','8','7','6','5','4','3','2','1','-'];
            var longest = 0;
            var items = items2 = array.length;

            function pad(a,b) { return a + new Array(b - a.length + 1).join(' '); }

            $(this).empty();

            while(items--)
                if(array[items].length > longest) longest = array[items].length;

            while(items2--)
                array[items2] = pad(array[items2],longest);

            spans = longest;
            while(spans--)
                $(this).prepend("<span class='c" + spans + "'></span>");


            function testChar(a,b,c,d){
                if(c >= array.length)
                    setTimeout(function() { testChar(0,0,0,0); }, 1000);                
                else if(d >= longest)
                    setTimeout(function() { testChar(0,0,c+1,0); }, 1000);
                else {
                    $(self).find('.c'+a).html((chars[b]==" ")?"&nbsp;":chars[b]);
                    setTimeout(function() {
                        if(b > chars.length)
                            testChar(a+1,0,c,d+1);
                        else if(chars[b] != array[c].substring(d,d+1).toLowerCase())
                            testChar(a,b+1,c,d);
                        else
                            testChar(a+1,0,c,d+1);
                    }, 20);
                }
            }

            testChar(0,0,0,0);
        } 
    }); 
})(jQuery);



</script>

我把jsbin放在这里希望有人可以通过代码帮助我

http://jsbin.com/onaqis/7/edit#source

感谢..

Answer 1

这是一个hackish变通方法：http://jsfiddle.net/EUKuS/ 您需要采取以下方法来打破无休止的循环：

if(c >= array.length)
  setTimeout(function() { testChar(0,0,0,0); }, 1000);     // <----- COMMENT OUT!
else if(d >= longest)

应该可行，但修复插件会更好。

简单的jQuery机场文字效果，需要停止，明确改变飞行？

1 个答案: