SaveText.Ru

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>