距当前时间 30 秒后，显示已过 30 秒的通知
[英]After 30 seconds from the current time, display a notification that 30 seconds have passed
问题描述
我需要制作一个带有时间的页面，每 5 秒更改一次时间，30 秒后我需要显示 30 秒过去的通知
function showClock(){ var d=new Date(); var hours=d.getHours(); var minutes=d.getMinutes(); var seconds=d.getSeconds(); var clock=document.getElementById("clock"); clock.innerHTML=`<h1>${hours}:${minutes}:${seconds}</h1>`; } setInterval(showClock,1000);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <section id="main"></section> <section id="clock"></section> </body> </html>
1 个解决方案
解决方案1
1 已采纳 2019-10-13 14:09:16
下次试试。。。
let start = (new Date()).getTime(); function showClock(){ var d = new Date(); var hours = d.getHours(); var minutes = d.getMinutes(); var seconds=d.getSeconds(); console.log(`${hours}:${minutes}:${seconds}`); if(d.getTime() - start >= 1000 * 30) { console.log('30 sec'); start = d.getTime(); } } setInterval(showClock, 5000);
如果当前时间超过时间+ 30秒，则更改对象的属性-javascript
[英]change a property of an object if the current time exceeds time + 30 seconds - javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.