Текущее время на кнопке Button
Предлагаем Вашему вниманию простой JavaScript код, отображающий текущее время на кнопке Button. При нажатии на данную кнопку появится окно с информацией о том, сколько времени Вы провели на данной страничке.
Ниже расположен наглядный пример работы описанного скрипта:
Кликните на данную кнопку, и появится сообщение, из которого Вы узнаете, сколько времени Вы провели на данной страничке в секундах.
Для получения точно такой же кнопки, отображающей текущее время, Вам понадобится сначала добавить код ее отображения:
<form name="form">
<input type=button value="Кнопка" name="button_time" onClick="Info()">
</form>
После того, как Вы добавили кнопку, вставьте на свою страничку следующий JavaScript код:
<script type="text/javascript">
var day = new Date();
var miVisit = day.getTime();
function start_clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if (hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if (hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) { hour = hrNow - 12; }
if (mnNow <= 9) { min = "0" + mnNow; } else { min = mnNow; }
if (scNow <= 9) { sec = "0" + scNow; } else { sec = scNow; }
time = hour + ":" + min + ":" + sec + ap;
document.form.button_time.value = time;
self.status = time;
setTimeout('start_clock()', 1000);
}
function Info() {
sec_Visit = Math.round((miNow - miVisit) / 1000);
alert("Вы провели на странице " + sec_Visit + " секунд.");
}
onError = null;
start_clock();
</script>
Принцип работы данного скрипта довольно прост и заключается в том, что при загрузке странички скрипт запоминает текущее время, а по клику по кнопке - вычитает разницу между текущим и запомненным временем. От Вас требуется только предварительное размещение кнопки, на которой будет отображаться текущее время и копирование предоставленного нами JavaScript кода.
При необходимости скрипт можно немного модернизировать для того чтобы сразу выводить на кнопке время, проведенное посетителем на данной страничке в секундах. Для этого Вам потребуется в строчке document.form.button_time.value = time; заменить переменную time на выражение Math.round((miNow - miVisit) / 1000);
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.