кодесурса
«JQuery

jQuery: время между двумя событиями щелчка в абзаце

script1adsense2code
script1adsense3code

События jQuery: упражнение 14 с решением

Подсчитайте количество миллисекунд между двумя событиями щелчка в абзаце.

Пример данных :

 <Тело>
<H1> Заголовок1 </ h1>
<H2> Заголовок 2 </ h2>  
<Р> Пункт </ р>
Кнопка <> Кнопка </ кнопка>
<div id = "log"> </ div>  
</ Body>
 

Решение :

HTML-код:

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
 <meta charset="utf-8">
 <title>Count the number of milliseconds between the two click events on a paragraph</title>
 </head>
 <body>
 <p>Count the number of milliseconds between the two click events on a paragraph </p>
   <div>Click on the above paragraph</div>
   </body>
   </html>
 

Код JavaScript:

var lastt, tdiff;
$( "p" ).click(function( event ) {
if (lastt) { tdiff = event.timeStamp - lastt; $( "div" ).append( "Time since last event: " + tdiff + "<br>" ); } else { $( "div" ).append( "<br>Click again.<br>" ); } lastt = event.timeStamp; });

Демонстрация в реальном времени:

См. Pen jquery-events-упражнение-14 от w3resource ( @ w3resource ) в CodePen .


Внесите свой код и комментарии через Disqus.

Предыдущий: Показать имя тега при нажатии.
Далее: Показать тип события при нажатии на все элементы h1.

Каков уровень сложности этого упражнения?

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code