JavaScript,每5秒打印,已运行时间,和还剩多少时间,多少分,多少秒

简介: JavaScript,每5秒打印,已运行时间,和还剩多少时间,多少分,多少秒

为了实现这个需求,我们可以使用JavaScript的setInterval函数来每隔5秒执行一次操作,并使用Date对象来跟踪程序的开始时间和当前时间,从而计算出已运行时间和剩余时间(假设你有一个预定的总运行时间)。但是,请注意,对于“剩余时间”,这里我将假设一个固定的总运行时间,比如300秒(即5分钟),因为你没有具体说明总运行时间是多少。

下面是一个示例代码,演示了如何实现这个逻辑:

javascript复制代码
 // 假设总运行时间为300秒  
 
 const totalDuration = 300; // 秒  
 
   
 
 // 获取程序开始时间  
 
 let startTime = new Date().getTime();  
 
   
 
 // 每隔5秒执行一次  
 
 setInterval(function() {  
 
     // 获取当前时间  
 
     let currentTime = new Date().getTime();  
 
   
 
     // 计算已运行时间  
 
     let elapsedTime = currentTime - startTime;  
 
   
 
     // 计算剩余时间  
 
     let remainingTime = totalDuration - elapsedTime;  
 
   
 
     // 将剩余时间转换为分钟、秒  
 
     let minutes = Math.floor(remainingTime / 60);  
 
     let seconds = remainingTime % 60;  
 
   
 
     // 如果秒数小于10,则前面补0以保持格式(例如,"05"秒而不是"5"秒)  
 
     seconds = seconds < 10 ? '0' + seconds : seconds;  
 
   
 
     // 打印信息  
 
     console.log(`已运行时间: ${Math.floor(elapsedTime / 60)}分${elapsedTime % 60}秒`);  
 
     console.log(`还剩时间: ${minutes}分${seconds}秒`);  
 
   
 
     // 如果剩余时间小于等于0,则停止定时器  
 
     if (remainingTime <= 0) {  
 
         console.log('时间到!');  
 
         clearInterval(this); // 注意:这里的'this'可能不总是指向定时器ID,但在这个示例中可行  
 
     }  
 
 }, 5000); // 5000毫秒 = 5秒

注意:在setInterval的回调函数中,this的值依赖于函数的调用方式,而在这个示例中,虽然this似乎可以工作来取消定时器(因为它指向全局对象,这在浏览器环境中通常是window,且window.setInterval返回的ID是全局可访问的),但更好的做法是使用setInterval返回的ID来取消定时器。你可以将setInterval的返回值保存到一个变量中,并使用clearInterval函数和该变量来停止定时器。

javascript复制代码
 let timerId = setInterval(function() {  
 
     // ...  
 
     if (remainingTime <= 0) {  
 
         console.log('时间到!');  
 
         clearInterval(timerId); // 使用保存的定时器ID来停止定时器  
 
     }  
 
 }, 5000);

image.png

相关文章
|
6月前
|
JavaScript 前端开发
javascript 如何判断字符串日期是否相差七天
在JavaScript中,你可以使用`Date`对象来比较两个日期之间的差异。下面是一个简单的示例,演示如何判断两个字符串日期是否相差七天: ```javascript function isSevenDaysDifference(date1, date2) { // 确保输入是字符串 if (typeof date1 !== 'string' || typeof date2 !== 'string') { return false; } // 将字符串转换为Date对象 var d1 = new Date(date1);
180 1
|
6月前
|
前端开发 JavaScript
使用 JavaScript 创建一个兔年春节倒数计时器
使用 JavaScript 创建一个兔年春节倒数计时器
82 0
使用 JavaScript 创建一个兔年春节倒数计时器
|
5月前
|
程序员
程序员必知:将时间的秒数转化为分钟数
程序员必知:将时间的秒数转化为分钟数
85 0
|
5月前
1049 数列的片段和 (20 分) //运行超时
1049 数列的片段和 (20 分) //运行超时
|
6月前
|
C语言
编写一个程序, 给出两个时间,计算出两个时间之差,如给出1120表示11:20,1330表示13:30, 将时间间隔以分钟为单位输出。
这是一个C语言程序,它接收两个时间(小时:分钟格式)作为输入,然后计算并输出两个时间之间的差值。代码包括输入处理、时间转换为分钟以及计算时间差。程序运行结果展示了一个具体的示例时间差。
55 0
|
JavaScript
js根据一个时间计算N年后的时间-计算时间demo示例
js根据一个时间计算N年后的时间-计算时间demo示例
|
JavaScript
JS 计算两个时间之间的间隔(天、时、分、秒)
JS 计算两个时间之间的间隔(天、时、分、秒)
168 0
|
JavaScript 前端开发
javascript计算某段代码大执行时间console.time()
javascript计算某段代码大执行时间console.time()
62 0
|
JavaScript
js判断开始时间与结束时间不大于24小时的解决方案
js判断开始时间与结束时间不大于24小时的解决方案
389 0
|
JSON JavaScript 前端开发
javascript对象数据合并实现补齐24小时时间段同时赋值0的解决方案
javascript对象数据合并实现补齐24小时时间段同时赋值0的解决方案
125 0