<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Сколько времени Вы провели на странице?

Сколько времени Вы провели на странице?

Описание: очень простой скрипт, но весьма интересный. Я, думаю, что мало, на каких сайтах показывается время, которое пользователь провёл на странице сайта. В общем, смотрите на результат.

Результат:

Вы здесь уже: минут/секунд.

Код javascript (вставлять между тегами <head> и </head>):

<script language="javascript">
startdate = new Date();
clockStart = startdate.getTime();
function initStopwatch() {
  var thisTime = new Date();
  return (thisTime.getTime() - clockStart)/1000;
}
function getSecs() {
  var tSecs = Math.round(initStopwatch());
  var iSecs = tSecs % 60;
  var iMins = Math.round((tSecs-30)/60);
  var sSecs ="" + ((iSecs > 9) ? iSecs : "0" + iSecs);
  var sMins ="" + ((iMins > 9) ? iMins : "0" + iMins);
  document.getElementById("timer-counter").innerHTML = sMins+":"+sSecs;
  setTimeout('getSecs()', 1000);
}
</script>

Код HTML (вставлять между тегами <body onLoad="getSecs()"> и </body>):

Вы здесь уже:
<span id='timer-counter' style='color:red;font-size:150%;font-weight:bold;'></span>
минут/секунд.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (10):

sync.o sync.o 01.05.2011 23:09:08

нда, не так просто время вычислить...

Ответить

sync.o sync.o 01.07.2011 15:19:04

Блин, спасибо за функцию! Только одно место не понятно. Зачем нужно вычитать 30 секунд при вычислении минут: (tSecs-30)/60)?

Ответить

Admin Admin 01.07.2011 18:35:55

Без этого после 00:30 будет 01:30, что, разумеется, неправильно.

Ответить

sync.o sync.o 01.07.2011 21:36:01

А, понятно. Оно округляет вверх. Тогда можно так: var iMins = Math.floor(tSecs/60);

Ответить

MrMaks MrMaks 06.03.2012 00:59:39

А можно ли сделать скрипт наподобие этого, но чтобы было общее время на сайте, включая обновления страниц и переходы?

Ответить

Admin Admin 06.03.2012 08:22:31

Можно, для этого надо использовать cookie.

Ответить

Njif Njif 12.11.2012 21:00:50

Решил на сайте создать что то типа страницы развлечений, добавил туда скрипт с баша, что бы от туда транслировать цитаты. Что бы обновить цитату надо перезагрузить страницу. Теперь вопрос "Можно ли каким то образом заделать так, что бы время не обновлялось?", может как то перезагружать только часть страницы или ещё как?

Ответить

Admin Admin 12.11.2012 21:42:47

Это делается через JQuery и Ajax, либо через чистый JS (DOM и отправку POST-запросов).

Ответить

Fly Fly 04.07.2013 17:32:06

А как сделать чтото типа проведи на странице 58.00 мин и открой секретный раздел (делается прозрачный блок).

Ответить

Admin Admin 04.07.2013 17:53:53

Можно через 58 минут с помощью document.getElementById("block").display = "block;". А изначально ставить display: none; в CSS.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.