jQuery event.timeStamp用法及代碼示例

jQuery event.timeStamp是一個內置屬性，用於測量瀏覽器創建的事件時間與 1970 年 1 月 1 日之間的毫秒差。

用法:

event.timeStamp

參數：它不接受任何參數，因為它是一個屬性，而不是一個函數。

示例 1：此示例顯示了 event.timeStamp 屬性的工作原理。

HTML


<!DOCTYPE html>
<html>
<head>
    <script src=
"https://code.jquery.com/jquery-1.10.2.js">
    </script>
    <script>
        //jQuery code to show the working 
        // of event.timeStamp property
        $(document).ready(function () {
            $("p").click(function (event) {
                $("span").text(event.timeStamp);
            });
        });
    </script>
    <style>
        p {
            width: 80%;
            padding: 20px;
            display: block;
            border: 2px solid green;
        }
    </style>
</head>
<body>
    <!-- click on this paragraph -->
    <p>The click event occurred
        <span style="color:green">
            unknown
        </span>
        milliseconds after January 1, 1970.
    </p>
</body>
</html>

輸出：

示例 2：在此示例中，彈出窗口將顯示 1970 年 1 月 1 日之後發生了多少毫秒的點擊事件。

HTML


<!DOCTYPE html>
<html>
<head>
    <script src=
"https://code.jquery.com/jquery-1.10.2.js">
    </script>
    <script>
        < !--jQuery code to show the working 
            of event.timeStamp property-- >
        $(document).ready(function () {
            $("div").click(function (event) {
                alert(event.timeStamp + " milliseconds");
            });
        });
    </script>
    <style>
        div {
            width: 40%;
            padding: 20px;
            display: block;
            border: 2px solid green;
            font-size: 2em;
        }
    </style>
</head>
<body>
    <center>
        <!-- click inside the box -->
        <div>Geeksforgeeks</div>
    </center>
</body>
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自kundankumarjha大神的英文原創作品 jQuery event.timeStamp Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。