JSFiddle - React, Tailwind, and code Playground

by exe1

HTML

<div class="wrap">
    <div class="mid">Виджет установлен со старого сервера.</br> </br>Установите виджет заного через ип <b>85.214.63.81</b></div>
    <div class="mid2" id="countdown"></div>
</div>

CSS

.mid{
    margin:10% 30%;
    font-size:2em;
    text-shadow:1px 1px 1px #111;
    color:white;
}
.mid2{
    margin:20% 30%;
    font-size:1.5em;
    text-shadow:1px 1px 1px #111;
    color:white;
}

.wrap{
    height:540px;
    width:960px;
    background-color:#555;
    position:fixed;
    top:0;
    left:0;
}

JavaScript

function onLoad(){
   countDown(20);
}

function countDown( counter )
{
    if( 0 == counter ){
        window.location.href="http://85.214.63.81/beta/ktv/kartina/"+ window.location.search;
        return;
    }
    var countdown = document.getElementById("countdown");
countdown.innerHTML = "Через  " + counter + " секунд загрузитса новая верися виджета";
    setTimeout(function(){ countDown(counter-1) }, 1000 );
}

onLoad();