function time(){
return parseInt(new Date().getTime()/1000)
}
var times = time();
var hours = 1 // часов
var min = 30 // минут
var unixh = hours * 60 * 60;
var unixm = min * 60;
var sumhours = unixm + unixh;
var timetogo = times + sumhours;
var all = timetogo - times;
var ostmin = all/60;
ostmin.toFixed(0);
var line = all/10;
$('#line').css('width', line + 'px');
var ss = setInterval(function(){
$('#msg').html('unix time: '+ times + '/' + timetogo + '<hr> all time: ' + all + '<br>Осталось: ' + ostmin.toFixed(0) + ' минут.');
var line = all/10;
ostmin = all/60;
$('#inline').css('width', line + 'px');
times++;
all--;
if (ostmin < 5) {
$('#log').html('Осталось меньше 5 минут');
}
if (ostmin < 3) {
$('#log').html('Осталось меньше 3 минут');
}
if (ostmin < 1) {
$('#log').html('Осталось меньше минуты');
}
},1000);
//////////////////
body {
background: #2b2b2b;
height: 100vh;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: Helvetica neue, roboto;
}
h1 {
color: #bdbdbd;
font-weight: 300;
}
#log{color:green;}
#line{height:20px; background-color: red;}
#inline{height: 20px; background-color: green;}
//////////////
<div>
<h1 id="msg"></h1>
<h3 id="log"></h3>
<div id="line"><div id="inline"></div></div>
</div>