`

web页面定时器设置

web 
阅读更多
window.setInterval()
功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。
语法:setInterval(code,millisec)

解释:code:在定时时间到时要执行的JavaScript代码串。
millisec:设定的定时时间,用毫秒数表示。
返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。
注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()
功能:取消由setInterval()方法设置的定时器。
语法:clearInterval(id_of_setinterval)
解释:id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。
也就是:window.setInterval()返回的就是window.clearInterval的参数

例子:

<script type="text/javascript">
var count = 0;
var timeID;
function timeCount(){
  document.getElementByIdx('timetxt').value = count;
  count++;
}
function beginCount(){
  timeID = setInterval("timeCount()",1000);
}
function stopCount(){
  clearInterval(timeID);
}
</script>
<input type="button" value="开始计时" onclick="beginCount()" />
<input type="text" id="timetxt" size="5" />
<input type="button" value="停止计时" onclick="stopCount()" />

再如:
var objTimer = window.setInterval("moveDiv()",10)是调动定时器,其中moveDiv是js的一个函数
if(objTimer) window.clearInterval(objTimer)是停止定时器

常用于按键点击后的倒数,如发送验证码按键等。。

//倒计时
var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount;//当前剩余秒数
function countSecond() {
    curCount = count;
    $("#validate_btn").attr("disabled", "true");
    InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
}

function SetRemainTime() {
    if (curCount == 0) {
        window.clearInterval(InterValObj);//停止计时器
        $("#validate_btn").removeAttr("disabled");//启用按钮
        $("#validate_btn").val("重新发送验证码");
    }
    else {
        curCount--;
        $("#validate_btn").val("再次发送需等待" + curCount + "秒");
    }
}
分享到:
评论

相关推荐

    web定时器的实现思路

    在Web应用程序中,实现定时任务的常见方式之一是使用Web定时器。这篇博文链接指向的是一个关于在Java应用程序中实现Web定时任务的讨论,虽然具体的细节没有给出,但我们可以根据这个主题来深入探讨Web定时器的实现...

    uni-app定时器实例

    通过以上讲解,你应该对uni-app中的定时器有了全面的认识,无论是在页面加载、用户交互还是后台任务中,定时器都能发挥重要作用。在实际开发中,灵活运用定时器,可以提高用户体验,增强应用的互动性和实用性。希望...

    Web报表工具FineReport定时器使用说明

    ### Web报表工具FineReport定时器使用说明 #### 一、定时器概述 FineReport是一款功能强大的报表设计与生成工具,广泛应用于企业的数据处理与展示场景。FineReport V6.5版本进一步增强了定时器功能,使其在报表...

    web 页面 定时关闭

    ### Web页面定时关闭技术解析 ...通过以上分析可以看出,合理运用JavaScript的定时器功能和窗口控制方法可以实现灵活多变的Web页面自动关闭功能,这对于提升网站的安全性和用户体验都具有重要意义。

    简单的jsp 定时器实例

    但要注意,JavaScript的定时器是客户端的,只对当前浏览器窗口有效,如果用户关闭窗口或者刷新页面,定时器将失效。 5. **整合Tomcat与SQL Server 2000** 配置Tomcat服务器与SQL Server 2000的连接,需要在项目的...

    java web 定时器

    javaweb定时器,需要tomcat6,部署后启动tomcat,访问index.jsp页面,定时器工作,kill Tomcat服务结束工作,本人用的Sql2000数据库,可以自行更改。完整工程源代码。

    定时器技术应用2.zip

    在Web开发中,定时器常用于页面自动刷新、WebSocket的心跳检测等。在移动应用开发中,定时器可以用来实现后台任务,如位置更新、消息推送等。在游戏开发中,定时器用于控制动画帧率、计时游戏事件等。在服务器端,...

    无刷新的定时器

    在软件开发中,"无刷新的定时器"是一种常见的功能设计,它允许用户界面在不进行整个页面刷新的情况下,周期性地从服务器获取并更新数据。这种技术极大地提升了用户体验,因为它减少了用户等待时间,使得信息的获取...

    asp.net 定时器

    总结一下,ASP.NET的定时器主要服务于Web应用程序,依赖于页面回发来实现定时触发,而C# WinForm中的定时器则更适合于桌面应用,提供更直接的定时服务。在实际开发中,理解这两种定时器的工作原理和应用场景是至关...

    springmvc+Hibernate配置定时器jar包

    在Java Web开发中,Spring MVC和...通过这个"springmvc+Hibernate配置定时器jar包",开发者可以快速搭建具备定时任务功能的Java Web应用,高效地进行数据操作和页面展示,同时实现后台任务自动化,提升系统的综合能力。

    js定时器

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

    PHP定时器(强大的功能)

    4. **Web Server与AJAX**:在Web环境中,可以通过用户浏览器的JavaScript发送定时AJAX请求到服务器,但这种方法受限于用户浏览器的状态,当用户关闭浏览器或页面时,定时任务将停止。 5. **PHP的ignore_user_abort...

    用PHP实现Web页面无闪动刷新.pdf

    1. **创建JavaScript事件监听器**:在用户界面上设置监听事件,比如定时器或用户交互事件,触发Ajax请求。 2. **编写PHP处理程序**:创建一个PHP脚本来处理来自前端的Ajax请求,该脚本负责获取或计算新数据。 3. *...

    图片幻灯显示效果web页面源代码

    "图片幻灯显示效果web页面源代码"是一个关于如何使用CSS和JavaScript实现这种效果的示例项目。接下来,我们将深入探讨这个主题,包括相关的核心技术、实现原理以及代码结构。 首先,CSS(层叠样式表)在这里主要...

    Javascript定时器 一 单线程

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

    jQuery翻转倒计时定时器插件

    总的来说,**jQuery翻转倒计时定时器插件**是一个强大且灵活的工具,不仅提供了吸引人的视觉效果,还允许开发者轻松定制和扩展,适用于各种需要倒计时功能的Web项目。通过深入理解其工作原理和配置选项,开发者可以...

    layui 定时器表达式 文件资源附件

    而定时器在Web应用中扮演着重要角色,用于执行周期性任务或延迟操作。在layui中,我们可以利用JavaScript的setTimeout和setInterval函数来实现定时功能。然而,题目中的“layui 定时器表达式”可能指的是更复杂的...

    layui多iframe页面控制定时器运行的方法

    在进行Web开发时,我们常常会遇到需要在页面内嵌入iframe以展示其他页面内容的情况。Iframe允许网页嵌套其他HTML页面,这在许多场景下非常有用。但同时,由于每个iframe都是一个独立的窗口,有时我们需要针对特定的...

    jboss-seam定时器

    JBoss Seam是一个全面的Java开发框架,主要用于构建企业级Web应用程序。它整合了EJB、JSF、JPA等技术,提供了一种简洁的编程模型。在Seam中,定时器是一个非常有用的特性,允许开发者定义任务并在指定的时间点或间隔...

    asp.net定时任务(定时器)

    在这个场景下,我们讨论的是如何在ASP.NET环境中设置一个定时器,使得页面加载或IIS启动后,该定时任务每隔10秒执行一次。 1. **定时任务原理**: ASP.NET定时任务通常基于`System.Threading.Timer`类或者`System....

Global site tag (gtag.js) - Google Analytics