JSFiddle - React, Tailwind, and code Playground
HTML
<div id="countdown"></div>
<iframe id="site" src="http://onet.com" width="90%" height="400" name="Site">
<p>Your Browser doesn't support iframe: Please click <a href="http://onet.com">here</a></p>
</iframe>
JavaScript
function countingEnd() {
var test = document.getElementById("countdown").innerHTML;
if (test = "Expired") {
document.getElementById("site").src = "http://wp.pl";
}
}
var end = new Date('12/03/2014 10:14 AM');
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById('countdown').innerHTML = 'Expired';
countingEnd();
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
document.getElementById('countdown').innerHTML = days + 'days ';
document.getElementById('countdown').innerHTML += hours + 'hrs ';
document.getElementById('countdown').innerHTML += minutes + 'mins ';
document.getElementById('countdown').innerHTML += seconds + 'secs';
}
timer = setInterval(showRemaining, 1000);