JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<div><p id="abhiruchi-spotlight">
    one <a href="#">ishank</a>
</p> </div>

JavaScript

var anContentArray = ["one","two","three"];

var pointer = 0;

aFunction();

function complete() {
   
    $("#abhiruchi-spotlight").css({"display":"block","opacity":"1"}); 
    pointer++;
    if(pointer>2)
        pointer = 0;
    
    $("#abhiruchi-spotlight").text(anContentArray[pointer]);
    aFunction();    
  }
function aFunction(){
    $("#abhiruchi-spotlight").fadeOut(10000,complete);
};