`

setInterval定时器计时时刻测试

 
阅读更多
function formatDate(date){
	console.log(date.getFullYear()+"-"+(date.getMonth()+1)+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+":"+date.getMilliseconds());
}

var timer ;
function test(){

		
	timer = setInterval(function(){
			console.log('interval');
	},30000);
	
	var startDate = new Date();
	var now = new Date();
	
	for(var i =0; i<5; i++){
		formatDate(startDate);
		// 5 second
		while(new Date () - startDate < 5*1000){
			
		}

		startDate = new Date();
	}
	
}

test();

测试setInterval开始倒计时的时刻

test函数(主逻辑)执行5×5=25秒,定时器设定为30秒后执行,

A.如果JS运行时执行到setInterval时便开始计算时间,那么test函数执行完,大概5秒(30-25)左右,开始第一次输出interval

B.如果JS运行时执行完test主逻辑以后,开始计算时间,那么test函数执行完,大概30秒,开始第一次输出interval

 

在chrome下输出按照A猜想执行,IE/FireFox没有测试

分享到:
评论

相关推荐

    关于setInterval定时器的使用示例

    `setInterval`调用后返回一个唯一的ID,这个ID可以用于通过`clearInterval`函数来取消定时器。例如: ```javascript var timerId = setInterval(function() { console.log('Tick!'); }, 1000); // 5秒后停止...

    JS使用setInterval实现的简单计时器功能示例

    本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考,具体如下: 使用setInterval实现计时,并且满60秒向分钟进一,满60分钟向小时进一。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;...

    计时程序,采用定时器

    在编程领域,定时器是一种非常重要的工具,常用于各种应用场景,如倒计时、周期性任务执行、游戏计时等。本程序是一个基于定时器的计时器应用,旨在帮助开发者学习如何创建一个能实现特定时间后停止的计时器功能。让...

    定时器测试

    2. 应用程序定时器:在应用程序中使用的定时器,如JavaScript的setTimeout和setInterval,Java的ScheduledExecutorService,C#的System.Timers.Timer等,它们通常基于用户空间的线程或异步回调。 3. 基于硬件的...

    可预置时间的倒计时定时器

    在软件实现中,我们可以利用编程语言提供的定时器函数,如JavaScript的`setInterval`或`setTimeout`,Python的`time.sleep`等,设定一个倒计时的时间间隔,然后在每次时间间隔过后更新显示的剩余时间。当时间归零时...

    解决了ios系统因锁屏导致倒计时不准的问题

    当用户锁屏时,应用通常会进入background或suspended状态,此时,为了节省电池和资源,系统可能会限制应用的CPU活动,包括定时器。 为了解决锁屏后倒计时不准的问题,开发者可以采用以下几种策略: 1. **使用...

    jQuery翻转倒计时定时器插件

    JavaScript的`setInterval`函数通常用于创建定时器,每间隔一定时间执行一次任务。 5. **相关文件**: - `jquery.flipcountdown.css`: 存放插件的样式,定义了数字翻转的效果、颜色、大小等视觉样式。 - `....

    swf版的计时器和定时器

    因此,基于HTML5的计时器和定时器(如JavaScript的`setInterval`和`setTimeout`)成为了更广泛兼容的选择。这些API可以在不依赖Flash的情况下实现类似的功能,适用于各种设备和浏览器。 6. **总结**: SWF版的计时...

    uni-app定时器实例

    - `clearInterval()`: 用于清除由`setInterval()`设置的定时器。 2. uni-app中的定时器使用: - 在uni-app中,我们同样可以直接使用JavaScript的定时器API。例如,要在5秒后执行某个函数,可以这样写: ```...

    Qt定时器事件Demo

    2. **设置定时器参数:** 使用`setInterval()`方法设置定时器的时间间隔,以毫秒为单位。 3. **连接定时器事件处理函数:** 使用`timeout`信号连接定时器事件的处理函数。 4. **启动定时器:** 使用`start()`方法...

    微信小程序中的定时器(用于倒计时).zip

    在微信小程序开发中,定时器是一个非常常见的功能,尤其在实现倒计时场景下更为重要。倒计时在很多应用中都有所应用,比如限时抢购、考试倒计时、活动倒计时等,它能为用户提供即时的时间反馈,增加交互体验。本教程...

    setInterval计时器不准的问题解决方法

    JavaScript中的`setInterval`函数常用于创建...通过这样的时间矫正策略,可以提高JavaScript定时器的计时精度,尤其在执行耗时任务时更为明显。在实现精确计时的场景,如游戏循环、实时数据同步等,这种方法非常有用。

    js页面显示多个定时器

    JavaScript提供了两种主要类型的定时器:`setTimeout` 和 `setInterval`。 - **setTimeout**:用于在指定的毫秒数后调用一个函数或执行某段代码一次。它接受两个参数,第一个是待执行的函数或字符串代码,第二个...

    js定时器实现倒计时效果

    JavaScript为开发者提供了实现定时器功能的手段,其中最常用的是`setInterval`函数和`setTimeout`函数。`setInterval`函数可以按照指定的时间间隔重复执行某段代码,适用于倒计时这种需要定时刷新的场景。 本文将...

    倒计时定时器

    3. **定时器(setTimeout/Interval)**:倒计时的核心是使用`setInterval`函数来周期性地执行任务。它接受一个函数和时间间隔(以毫秒为单位),每隔指定时间就会调用一次函数。当倒计时结束后,记得清除定时器以...

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    接着,函数将截止日期转为时间戳,并使用 setInterval 定时器更新倒计时的内容。为了更好的体验,倒计时内容被格式化为天、小时、分钟和秒钟,并通过 document.getElementById 更新 HTML 元素的值。当倒计时结束时,...

    js制作绚丽定时器

    例如,如果我们希望每秒钟更新一次计时器,可以设置`setInterval(updateTimer, 1000)`。`updateTimer`函数负责获取当前时间并将其显示在页面上。 HTML是网页的结构,我们需要创建一个元素来显示计时器。在`定时器....

    vue倒计时刷新页面不会从头开始的解决方法

    在countDown方法中,通过setInterval设定1秒钟执行一次倒计时递减操作,并在倒计时结束或者页面刷新时通过clearInterval清除定时器,确保倒计时不会重复执行。 通过这种方式,我们可以确保即使在Vue单页面应用中,...

    jQuery翻转倒计时定时器及时钟插件.zip

    《jQuery翻转倒计时定时器及时钟插件解析与应用》 在现代网页开发中,用户界面的交互性和动态性越来越受到重视。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能,使得创建动态效果变得轻而易举。本文...

    定时器这是自己做的定时器

    - 为了确保定时器的准确性和稳定性,需要进行充分的测试,包括功能测试、性能测试和压力测试,以确保在各种情况下都能正常工作。 综上所述,这个自定义的“定时器”项目涉及了软件工程中的多个知识点,从基本的...

Global site tag (gtag.js) - Google Analytics