JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<span></span>

CSS

span{
    padding:20px;
    display:inline-block;
    text-align:center;
}

JavaScript

var textSpinner = textSpinner || (function(){

    var text = ['\\', '|', '/', '--'];
    var currentChar = 0;
    
    function setChar(obj, index){
        obj.text(text[index]);
        
        if(typeof text[index+1]!='undefined'){
            currentChar++;
        } else {
            currentChar = 0;
        }
    }
        
    function spinner(selector, interval){
        setChar($(selector), currentChar);
        setInterval(function(){
            setChar($(selector), currentChar)
        }, interval);
    }
    
    return {
        spin: spinner
    };
})();
            
            
            
textSpinner.spin('span', 50);