Прикладное программирование 

Практика 24

JavaScript: анимация на web-странице

Для каждой программы, состоящей из нескольких файлов, 
создавайте отдельную папку проекта, например project24-1, 
project24-2 и т.д., где "24" - номер практического 
занятия, 1, 2 и т.д. - номер задания.
Каждую программу, состоящую из одного файла, сохранять 
в отдельном файле для каждого упражнения, 
например prog24-1, prog24-2 и т.д., где "24" - номер практического 
занятия, 1, 2 и т.д. - номер задания.

1. Оформить решение упражнения в виде сниппета в он-лайн HTML-редакоторе:
codepen.io, или jsfiddle.net и др.
В отчет записать ссылку на сниппет, например, 
https://codepen.io/Subbota/pen/MRvOOG
Также в отчет поместить снимок страницы с выполненными примерами.
По примеру 33 из лекции создайте приложение проекта jsfile02. 
Напишите программу на языке JavaScript, 
в которой при нажатии на кнопку Open открывается 
с помощью диалогового окна текстовый файл. 
Данные из файла выводятся в Web-документ.


2. На основе примера 34 из лекции создайте проект jstimer02. 
Выполните задание в онлайн средах codepen.io, или jsfiddle.net и др.
Напишите программу на языке JavaScript, 
в которой значение счетчика изменяется по таймеру 
с помощью функции setInterval().

3. Используйте функцию setInterval() для решения следующей задачи на языке JavaScript. 
Выполните задание в онлайн средах codepen.io, или jsfiddle.net и др.
В исходном коде задан двумерный массив, который содержит 2 строки, 
в каждой строке - по 5 чисел. Каждую секунду элементы массива 
выводятся парами: из 1-й и 2-й строк соответственно. При достижении 
последнего элемента вывод происходит в обратном напралении, так 
продолжается до закрытия окна приложения. 

4. В папке с проектом находятся десять текстовых файлов: 01.txt, 
02.txt, ..., 10.txt. В каждом файле находится строка из 5 чисел, 
разделенных запятыми. Каждую секунду сначала выводятся все данные 
из 1-го файла, затем по одному числу. То же повторяется для каждого 
файла. При завершении работы с 10-м файлом повторяется работа 
с файлами в обатном порядке: 9, 8, ..., 1. Затем все повторяется 
сначала. Решите задачу на JavaScript с применением функцию setInterval().
Выполните задание в онлайн средах codepen.io, или jsfiddle.net и др.

Источники

Основные

  1. codepen.io: Онлайн-редактор кода HTML, CSS, JavaScript
  2. jsfiddle.net: Онлайн-редактор кода HTML, CSS, JavaScript
  3. tech.yandex.ru: Управление отображением панорамы