创建相对于当前时间的 JavaScript 倒数计时器
Creating javascript countdown timer relative to the current time
所以我不会创建一个倒计时到特定小时的计时器。
例如;我可能有 6 个计时器同时运行,每个计时器倒计时到特定小时(第一个倒计时到中午 12:00,第二个倒计时到下午 1:00,第三个倒计时到下午 2:00 等)。
我已经能够创建一个每小时倒计时,但这仅适用于一个计时器,而且我不知道如何超过一个小时......
这是我当前的代码,每秒由setInterval执行一次:
time = new Date
mins = do time.getMinutes
mins = ( 59 - mins ) % 60
secs = do time.getSeconds
if secs != 60
secs = ( 59 - secs ) % 60
else
secs = 0
time = [ Number( mins ), Number( secs ) ]
minutes = time[1]
seconds = time[2]
minutes = '0' + time[1] if time[1] < 10
seconds = '0' + time[2] if time[2] < 10
console.log minutes, seconds
任何帮助将不胜感激。
谢谢 : )
这是你需要的吗?
<html>
<head>
</head>
<body>
<h1 id="header">Click on the following button to start counting for 6 hours, your will get a notification on your console window after 6 hours.</h1>
<br>
<input type="button" style="font-weight:bold;cursor:pointer;" value="Click Me to start Counting" onclick="
indicate(21600000);">
<script type="text/javascript">
function indicate(milliseconds){
var current = Date.now();
var Date_future = current + milliseconds;
var period_done = "not_done";
console.log("Status: Count Started");
while (Date.now()!==Date_future) {
if (Date.now()==Date_future){
period_done = "done";
}
}
console.log("Status: Count Stopped, 6 hours finished");
}
</script>
</body>
</html>
相关文章:
- Javascript 倒数计时器 - 客户端时间与 mySQL 时间
- 我想要一个警报框,在倒数计时器中使用 javascript 的 10 分钟
- JavaScript倒数计时器在多次调用时闪烁
- Javascript 倒数计时器不会重置
- JavaScript 中的倒数和倒数计时器
- 如何在 JSP 页面中编写 javascript 倒数计时器,以便重新加载不会重新启动计时器
- Javascript 倒数计时器在 Safari 或 IE 上不起作用
- 带有JavaScript的倒数计时器在Smarty中不起作用
- 如何自动启动 JavaScript 倒数计时器
- 使用 OnClick 事件停止 JavaScript 倒数计时器
- 如何将javascript倒数计时器与服务器同步
- (Javascript)如何将倒数计时器添加到选择选项
- Javascript/PHP 倒数计时器在特定时间停止
- 将分钟或秒添加到 Javascript 倒数计时器
- 在 Javascript 中为倒数计时器制作动画
- Javascript倒数计时器来更改图像和链接
- Javascript - 倒数计时器是递增而不是每秒递增
- 用于测验的 JavaScript 倒数计时器
- 创建相对于当前时间的 JavaScript 倒数计时器
- Javascript倒数"SyntaxError:期望的表达式,得到'“