HTML DOM timeStamp प्रॉपर्टी इवेंट के निर्माण या ट्रिगर होने के समय को मिलीसेकंड में लौटाती है।
नोट: timeStamp केवल तभी काम करता है जब इवेंट सिस्टम उस विशेष इवेंट के लिए इसका समर्थन करता हो।
सिंटैक्स
event.timeStamp
उदाहरण
<!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>
आउटपुट
'Start' बटन पर क्लिक करने के बाद और कर्सर ग्रीन (सुरक्षित) क्षेत्र में -
'Start' बटन पर क्लिक करने के बाद और कर्सर ग्रीन (सुरक्षित) क्षेत्र के अंत में -
'Start' बटन पर क्लिक करने के बाद और कर्सर रेड (खतरे) क्षेत्र में -
