`
sungang_1120
  • 浏览: 323530 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

JS定时器执行某个动作,可页面动态展示时间走动

阅读更多

   

var intervalData = 1000 * 60;
	var intervalSS = intervalData / 1000;
	var contInterval;
	$(function(){
		
		//此处是初始第一次加载数据
		ajaxRequest();
		countdownRun();

		
		setInterval(function(){
			//此处过了定时时间后执行一次
			ajaxRequest();
			countdownRun();
		},intervalData);
	});
	function countdownRun(){
		if(contInterval){
			clearInterval(contInterval);
		}
		$("#timeShow").text(intervalSS);
		var divTimeval = intervalSS;
		contInterval = setInterval(function(){
			divTimeval--;
			if(divTimeval < 0){
				clearInterval(contInterval);
				return;
			}
			//将秒数设置到显示区
			$("#timeShow").html(divTimeval);
		},1000);
	}

	
	function ajaxRequest(){
		alert("我被执行力 。哈哈哈哈...........");
	}
	

 

<div style="padding-top: 50;" align="center">
		<span id="timeShow"></span>	
</div>

 

分享到:
评论

相关推荐

    js定时器(执行一次、重复执行)

    总结起来,JavaScript的定时器是控制代码执行时间的关键工具,`setTimeout` 用于单次延迟执行,`setInterval` 用于周期性重复执行。了解并熟练掌握这两种定时器,能帮助开发者实现各种动态效果和自动化任务。在实际...

    js页面显示多个定时器

    它们可以帮助我们在网页加载后,在特定的时间点执行代码,或者每隔一定时间重复执行某个功能。本知识点将深入探讨JavaScript中的定时器及其在页面上显示多个定时器的实现方法。 1. **定时器类型** JavaScript提供...

    js 封装定时器解决多次调用定时器叠加问题及定时器无法清除的问题

    在JavaScript编程中,定时器(Timer)是常用于实现异步操作的重要工具,例如延迟执行、周期性执行任务。然而,如果不妥善管理,定时器可能会引发一些问题,比如多次调用定时器导致叠加,以及定时器无法清除。本文将...

    关于JS定时器(setTimeout setInterval)定时不准问题1

    在JavaScript中,setTimeout和setInterval是两个基本的定时器函数,用于实现延迟执行或循环执行某个函数。然而,这两个函数在执行时往往和我们设置的延迟时间有出入。本文将深入探讨JS定时器的执行机制,分析why ...

    C#定时器实现自动执行的方法

    本文实例讲述了C#定时器实现自动执行的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: //下面讲一个打开窗体定时执行按钮的东西 private void Form1_Load(object sender, EventArgs e) { System.Timers...

    Javascript定时器 一 单线程 修正

    JavaScript定时器是编程中不可或缺的一部分,它允许我们延迟或周期性地执行代码。在这个主题中,我们将深入探讨JavaScript中的定时器机制,特别是与单线程环境相关的方面。 首先,JavaScript是一种解释型、基于原型...

    定时器,自定义corn表达式,动态配置Spring定时器执行。支持添加定时任务、取消定时任务、重置定时任务执行时间.zip

    定时器,自定义corn表达式,动态配置Spring定时器执行。支持添加定时任务、取消定时任务、重置定时任务执行时间

    js定时器

    JavaScript定时器是Web开发中不可或缺的一部分,它允许我们在指定的时间间隔后执行特定的代码块,为动态更新页面、实现动画效果、延时处理等场景提供了基础。本篇将深入探讨JavaScript中的定时器机制,以及相关的...

    Javascript定时器 一 单线程

    JavaScript定时器是编程中不可或缺的一部分,它允许我们延迟或周期性地执行代码,为Web应用程序带来动态和交互性。在JavaScript的世界里,定时器主要由`setTimeout`和`setInterval`两个函数提供。本篇文章将深入探讨...

    定时器主从方式输出可控个数的PWM脉冲

    在这种模式下,一个定时器作为主定时器,另一个定时器作为从定时器,主定时器的事件可以触发从定时器的动作。 在主从模式下,我们可以设置主定时器的计数达到特定值时,产生一个更新事件,这个事件可以启动从定时器...

    时间轮定时器java实现

    本篇文章将深入探讨如何使用Java实现两种常见的定时器机制:基于最小堆的定时器和基于时间轮的定时器。 首先,让我们来了解基于最小堆的定时器。最小堆(Min Heap)是一种特殊的树形数据结构,其每个父节点的值都...

    c#设置定时器执行程序代码

    c#设置定时器执行程序代码,可以参考一下

    JavaScript事件添加定时器

    js定时器是利用js实现定时的一种方法,在网站上有很多用途都是用到定时器,很多在线时钟的制作,图片轮播的实现,还有一些广告弹窗,但凡可以自动执行的东西,都是可以和定时器有关的。js定时器使用的两个方法: 1....

    js定时器例子

    JavaScript定时器是JavaScript编程中的重要概念,主要用于在特定时间间隔执行特定任务。在这个"js定时器例子"中,我们可以深入探讨两种主要类型的定时器:`setTimeout`和`setInterval`。 1. `setTimeout`定时器: ...

    动态显示当前时间的js

    总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。

    用STM32定时器实现变换时间定时

    3. **中断和标志位**:为了在定时器达到预设值时执行特定操作,如切换定时时间或发送串口控制信号,我们需要开启定时器的中断。设置中断使能位,并在中断服务函数中处理定时结束的逻辑。定时器的中断标志位会在...

    定时器方便人家设置间隔时间执行对应程序

    在计算机编程领域中,定时器是一种非常实用的功能,它能够帮助开发者实现代码的定时执行,这对于许多应用场景来说都是必不可少的。根据所提供的文件信息,本文将详细介绍如何利用JavaScript中的`setTimeout`和`...

    uni-app定时器实例

    在uni-app中,我们可以使用JavaScript的定时器功能来实现周期性的任务执行,比如数据轮询、动画效果等。本实例将深入探讨如何在uni-app中有效地使用定时器。 1. JavaScript定时器基础: - `setTimeout()`: 这个...

    LabVIEW实现定时器,获取时间日期

    - **系统时间**:使用“System Execution Time”函数可以获取系统执行时间,转换为日期时间格式即可。 - **UTC时间**:使用“UTC Time”函数获取协调世界时间(UTC)。 ### 4. 实现定时器与获取日期的组合 结合...

    定时器时间计算工具

    在安装和使用方面,定时器时间计算工具通常以“定时器时间计算工具.exe”的形式存在,表明它是一个可在Windows平台上运行的可执行程序。用户只需下载并运行安装程序,就能在电脑上方便地使用该工具,开始享受时间...

Global site tag (gtag.js) - Google Analytics