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' বাটনে ক্লিক করে এবং কার্সর রেড (ডেঞ্জার) এলিয়াতে:
