Пропустить навигацию

Практика 7

Задание

  1. В примере calendar1.html показано создание ежедневного календаря на основе методов извлечения значений дня, месяца и года объекта Date. Модифицируйте код так, чтобы под представление дня и месяца выделялось по два знака (т.е. не 5.10.2015, а 05.10.2015). (? :)
  2. Пример time_before.html позволяет вычислить оставшееся время до Нового года. Он основан на вычислении промежутка между датами: при вычитании значения одной даты из другой получается количество миллисекунд между этими двумя датами. Подсчитайте время, оставшееся до Вашего дня рождения. Месяц и число дня рождения выведите на экран.
  3. Напишите функцию будильник, которая срабатывала бы (alert) через количество секунд, которые введет пользователь. При этом она должна показывать время до срабатывания в формате чч:мм:сс, которое обновляется каждую секунду.
  4. Организуйте непрерывное введение чисел с клавиатуры, пока пользователь не введет 0. После введения нуля, показать на экран количество чисел, которые были введены, их общую сумму и среднее арифметическое.
  5. Объявите массив из семи чисел, осуществите ввод его значений с клавиатуры (при этом предложите свои значения по умолчанию), отсортируйте его средствами объекта Array и выведите содержимое массива на экран.
  6. Отсортируйте массив из пятого задания по убыванию одним из известных Вам методов сортировки (например, методом «пузырька»).
  7. Напишите веб-страницу для конвертации единиц измерения. Значение должно вводиться пользователем в поле формы, единица измерения выбираться в выпадающем списке. После выбора единицы измерения в списке на страницу должны выводиться значения оставшихся единиц. (например, если пользователь выбрал км, то должны быть выведены значения в метрах, милях и футах). Доступные единицы – метры, километры, мили, футы. 

Исходный код:

файл calendar1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD>
	<TITLE>Calendar</TITLE>
    </HEAD>
    <script type="text/javascript">
      window.onload=function(){
      var date = new Date(2015,1,3);
      document.getElementById("tim").innerHTML = date.getDate() + "." + (date.getMonth()+1) + "." + date.getFullYear();
      }
    </script>
    <BODY bgcolor="silver">
	<TABLE width='200' border='0' bgcolor='white' align='center'>
	  <TR><TD align='center' ><br>
	  <h1 id="tim"> 555 </h1></TD>
	  </TR>
	</TABLE>
    </BODY>
</HTML>

файл time_before.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD>
	<TITLE>Refresh</TITLE>
    </HEAD>
    <script type="text/javascript">
      window.onload=function(){
      var date = new Date();
      var dateNewYear = new Date( date.getFullYear(), 11, 31, 24, 0, 0);
      var delta = dateNewYear - date;
      document.getElementById("div1").innerHTML = "Day(s): ".bold() + Math.floor(delta/24/60/60/1000);
      document.getElementById("div2").innerHTML = "Hour(s): ".bold() + Math.floor(delta/60/60/1000%24);
      document.getElementById("div3").innerHTML = "Minutes(s): ".bold() + Math.floor(delta/60/1000%60);
      document.getElementById("div4").innerHTML = "Seconds(s): ".bold() + Math.floor(delta/1000%60);
      setTimeout( 'window.location.reload();', 10000 );
      }
    </script>
    <BODY>
	<h2>Time to New Year:</h2>
	<div id="div1"></div>
	<div id="div2"></div>
	<div id="div3"></div>
	<div id="div4"></div>                    
    </BODY>
</HTML>