Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: На этом уроке мы реализуем ajax вызов не использую ajax.
Дата отправки отчёта:
23 мая 2017 г.
Задание выполнено: за
1 час. 25 мин.
Чему научился:
Загрузке данных с сервера через iframe и дальнейшее их использование, стиль js
Что было сложным:
найти время
Комментарии:
Реализовал по своему, как видно на скриншоте, php возвращает только время, а далее уже скрипт на основной страничке достаёт эти данные и копирует куда надо. Так же реализованы две кнопки, запуска и остановки обновления времени с сервера. Само обновление iframe реализовано через .contentWindow.location.reload(), способ показанный в уроке, где для обновления просто вставляют адрес откуда брать время тоже хорошо подходит, а по скорости выполнения разницы не заметил. Как видно из видео, при запуске обновления времени, анимация заметно начинает дёргаться, если же остановить данную процедуру, анимация плавная.
Научился: http://www.videosharp.info/test/time.php" ссылка не работает, а у меня нет серверной части для php, поэтому результату верю, но у меня он не получился
Научился: Научился создавать iframe и получать его содержимое. Создал php-скрипт по адресу https://tomwansweb.000webhostapp.com/jQuery/15/time.php, который возвращает текущее время UTC. Результат работы php-скрипта загружается в iframe. По переданному времени создается объект Date, который отображается на странице с учетом местного времени и обновляется каждые 500мс. Добавил синхронизацию между временем клиента и сервера каждые 30 сек.
Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/15/index.html
