選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

timer_utro.html 2.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
  5. <meta charset="UTF-8">
  6. <title>Givin.school timer</title>
  7. <script src="https://givin.school/pl/nassets/b0833351/jquery.min.js?v=1685613221"></script>
  8. <link type="text/css" href="timer.css?v=0.4" rel="stylesheet">
  9. <style>
  10. .element, .current_element {
  11. color: #319300;
  12. }
  13. </style>
  14. <script src="timer.js?v=0.4"></script>
  15. </head>
  16. <body>
  17. <h1>Блок сидя (утро)</h1>
  18. <div>
  19. <div>Общее время упражнения <span id="total_rest_time">0:00</span>
  20. </div>
  21. <div>
  22. <input type="button" value="Старт" id="timer_start_btn">
  23. </div>
  24. <br>
  25. <table>
  26. <tr>
  27. <td>Элемент</td>
  28. <td><span class=element id="element_title"></span></td>
  29. </tr>
  30. <tr>
  31. <td>Время</td>
  32. <td><span id="rest_time">0:00</span> &rarr; <span id=spent_time>0:00</span></td>
  33. </tr>
  34. <tr>
  35. <td colspan="2"><input type="button" value="Заново" id="timer_reset_btn" disabled></td>
  36. </tr>
  37. </table>
  38. <br>
  39. <ol id=task_list>
  40. <li data-ttl="30">«<b>Правильное положение тела</b>», настрой на занятие — 0,5 мин;</li>
  41. <li data-ttl="120">«<b>Тишина</b>» −2 мин;</li>
  42. <li data-ttl="150">«<b>Затихание</b>» — 1,5 мин, наблюдаем, как становимся внутренне тише — 1 мин;</li>
  43. <li data-ttl="120">«<b>Слушание</b>» — 2 мин;</li>
  44. <li data-ttl="120">«<b>Слушание всем телом</b>» — 2 мин;</li>
  45. <li data-ttl="300">«<b>Сердечное тепло</b>» — 5 мин;</li>
  46. <li data-ttl="300">«<b>Благодарность</b>» — 5 мин;</li>
  47. <li data-ttl="180">«<b>Тишина</b>» — 1 мин. — «<b>Наблюдаем как приходит покой</b>» — 2 мин;</li>
  48. <li data-ttl="480">«<b>Внимание за дыханием</b>» — 8 мин;</li>
  49. <li data-ttl="120">«<b>Тишина</b>» — 2 мин;</li>
  50. <li data-ttl="180">«<b>Отдых</b>» — 3- 4 мин; Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход из занятия.</li>
  51. </ol>
  52. </div>
  53. </body>
  54. </html>