Сейчас: 06:28:14   24-го апреля 2024 г.
UsefulScript.ruСкриптыДата и времяТекущее время на кнопке
1
12

Текущее время на кнопке Button

Предлагаем Вашему вниманию простой JavaScript код, отображающий текущее время на кнопке Button. При нажатии на данную кнопку появится окно с информацией о том, сколько времени Вы провели на данной страничке.


Ниже расположен наглядный пример работы описанного скрипта:



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


Для получения точно такой же кнопки, отображающей текущее время, Вам понадобится сначала добавить код ее отображения:

HTML код:
<form name="form">
    <
input type=button value="Кнопка" name="button_time" onClick="Info()">
</
form>

После того, как Вы добавили кнопку, вставьте на свою страничку следующий JavaScript код:

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);

Дата создания: 00:19:55 17.07.2011 г.
Дата обновления: 21:56:43 03.05.2013 г.
Посещений: 5898 раз(а).

Закрыть
Ваше имя:
690 + 18 =
Добавить комментарий:
Ваше имя:
690 + 18 =

Перед публикацией все комментарии проходят обязательную модерацию!

Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Посетителей онлайн: 3

Как Вы узнали о нашем сайте?