SaveText.Ru

Без имени
  1. function time(){
  2. return parseInt(new Date().getTime()/1000)
  3. }
  4. var times = time();
  5. var hours = 1 // часов
  6. var min = 30 // минут
  7. var unixh = hours * 60 * 60;
  8. var unixm = min * 60;
  9. var sumhours = unixm + unixh;
  10. var timetogo = times + sumhours;
  11. var all = timetogo - times;
  12. var ostmin = all/60;
  13. ostmin.toFixed(0);
  14.  
  15.  
  16. var line = all/10;
  17. $('#line').css('width', line + 'px');
  18.  
  19. var ss = setInterval(function(){
  20.   $('#msg').html('unix time: '+ times + '/' + timetogo + '<hr> all time: ' + all + '<br>Осталось: ' + ostmin.toFixed(0) + ' минут.');
  21.   var line = all/10;
  22.   ostmin = all/60;
  23.   $('#inline').css('width', line + 'px');
  24.   times++;
  25.   all--;
  26.   if (ostmin < 5) {
  27.     $('#log').html('Осталось меньше 5 минут');
  28.   }
  29.   if (ostmin < 3) {
  30.     $('#log').html('Осталось меньше 3 минут');
  31.   }
  32.   if (ostmin < 1) {
  33.     $('#log').html('Осталось меньше минуты');
  34.   }
  35. },1000);
  36. //////////////////
  37. body {
  38.   background: #2b2b2b;
  39.   height: 100vh;
  40.   margin: 0;
  41.   display: flex;
  42.   align-items: center;
  43.   justify-content: center;
  44.   text-align: center;
  45.   font-family: Helvetica neue, roboto;
  46. }
  47.  
  48. h1 {
  49.   color: #bdbdbd;
  50.   font-weight: 300;
  51. }
  52. #log{color:green;}
  53. #line{height:20px; background-color: red;}
  54. #inline{height: 20px; background-color: green;}
  55. //////////////
  56. <div>
  57.   <h1 id="msg"></h1>
  58.   <h3 id="log"></h3>
  59.   <div id="line"><div id="inline"></div></div>
  60. </div>

Share with your friends:

Распечатать