jquerty.glance.js

jquerty.glance.js

(function($) {
  $.fn.glance= function(options){
    /**
     * default Options
     */
    var defaults ={
           texts : [[" |ω・`)ﾁﾗｯ" , 500 ] , 
                    ["┃ω・)ｼﾞｰ" , 1000 ],
                    ["|)彡ｻｯ"    , 10000],
                    [""         , 500] , 
                    ""] ,
        waitTime: 1500 ,
        delay:10000 ,
        loop:3
    };
    
    var opts = $.extend(defaults , options);
    
    return this.each(function(){
        var elem = $(this);
        var originalText = elem.text();
        var index = 0;
        glance(elem , originalText , index , opts);
    });            
  };
    
    function glance(elem , originalText , index , opts){
        var waitTime = opts.waitTime;
        var text = opts.texts[index];
        if(opts.texts[index] instanceof Array){
            waitTime = text[1];
            text     = text[0];
        }
        if(index == 0){
            waitTime = opts.delay;
        }
        
        index++;
        
        setTimeout(function(){
            elem.text(text + originalText);
            
            if(isFinished(index , opts)){
                elem.text(originalText);
                
                if(--opts.loop > 0){
                    index = 0;
                    setTimeout(function(){
                        glance(elem , originalText , index , opts);
                    } , opts.delay);
                }
            }else{
                glance(elem , originalText , index , opts);
            }
        } , waitTime);
    };
    
    function isFinished(index , opts){
        return (index >= opts.texts.length);
    }
    
})(jQuery);