JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image2_template">image2_template</div>

CSS

.image2_template{
    background-color:purple;
    width:100px;
    height:100px;
    color:white;
    padding:10px;
}

JavaScript

function getCrossDomainJson(url, callback) {
    $.ajax({
        url: "http://query.yahooapis.com/v1/public/yql?callback=?",
        data: {
            q: 'select * from xml where url="' + url + '"',
            format: "json"
        },
        dataType: "jsonp",
        success: callback
    });
}



var MyStatus = {};
getCrossDomainJson("http://xproshowcasex.channel-api.livestream-api.com/2.0/getstream", function(data) {
    // data is in JSON format:
    if (data && data.query && data.query.results && data.query.results.channel) {
        MyStatus.someProperty = (data.query.results.channel.isLive);
        A();
    }
});


function A() {
    alert(MyStatus.someProperty);

    if (MyStatus.someProperty == 'false') {
        function pulsate() {
            $(".image2_template").
            animate({
                opacity: 0.1
            }, 1500, 'linear').
            animate({
                opacity: 1
            }, 1500, 'linear', pulsate);
        }
        pulsate();
    }
    else {
        $('.image2_template').animate({
            opacity: 0,
        });
        $('.text3_template').animate({
            opacity: 0,
        });
    }
}