HTML DOM टाइमस्टैम्प प्रॉपर्टी, इवेंट के बनने या ट्रिगर होने के मिलीसेकंड में बीता हुआ समय लौटाती है।
नोट:टाइमस्टैम्प केवल तभी काम करता है जब ईवेंट सिस्टम विशेष ईवेंट के लिए इसका समर्थन करता है।
निम्नलिखित वाक्य रचना है -
वापसी समय मान (मिलीसेकंड में)
event.timeStamp
आइए हम HTML DOM टाइमस्टैम्प का एक उदाहरण देखें संपत्ति -
उदाहरण
<!DOCTYPE html> <html> <head> <title>timeStamp Event</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } #outer { width:70%; margin: 0 auto; padding: 0; text-align: center; border:1px solid black; height: 105px; background-color: #28a745; } input[type="button"] { border-radius: 10px; } #upper { border-bottom: 1px solid black; height: 40px; margin: 0 0 15px 0; background-color: #DC3545; } #lower { border-top: 1px solid black; height: 40px; margin: 15px 0 0 0; background-color: #DC3545; } </style> </head> <body> <form> <fieldset> <legend>timeStamp-Event</legend> <div id="outer"> <div id="upper"><h2>Danger</h2></div> <div id="lower"><h2>Danger</h2></div> </div> <input type="button" id="start" value="Start" onclick="gameStart()"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById('divDisplay'); var gameDisplay = document.getElementById('outer'); function playGame(event) { var x = event.clientX; var y = event.clientY; if(y > 95 && y < 110){ divDisplay.textContent = 'Keep Going!'; if(x === 439){ divDisplay.textContent = 'Congrats! You Did it in '+event.timeStamp+' milliseconds'; gameDisplay.removeEventListener('mousemove', playGame); } } else{ divDisplay.textContent = 'You moved to DANGER area. You loose!'; gameDisplay.removeEventListener('mousemove', playGame); } } function gameStart(){ gameDisplay.addEventListener('mousemove',playGame); } </script> </body> </html>
आउटपुट
'शुरू करें' . क्लिक करने के बाद हरे (सुरक्षित) क्षेत्र में बटन और कर्सर -
'शुरू करें' . क्लिक करने के बाद हरे (सुरक्षित) क्षेत्र के अंत में बटन और कर्सर -
'शुरू करें' . क्लिक करने के बाद लाल (खतरे वाले) क्षेत्र में बटन और कर्सर -