`

JS 定时器 (setInterval 和 setTimeout 函数)

阅读更多

setInterval 和 setTimeout 均为在指定时间过后执行指定的表达式

 

iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])

iTimerID = window.setInterval(vCode, iMilliSeconds [, sLanguage])

 

不同的是setTimeout()是一次性作用,而setInterval()是每隔iMilliSeconds就执行一次vCode

<html>

<head>

<script language="JavaScript">
<!--

function Refresh()
{
 var newDateObj = new Date();
 document.form1.txt_Time.value=newDateObj.toLocaleString();//使用当前区域设置并已被转换为字符串
}

var MyInterval=setInterval("Refresh()",1000);

function Stop()
{
 if(event.srcElement.value=="STOP")
 //if(document.form1.btn_Stop.value=="STOP")
 {
  clearInterval(MyInterval);
  document.form1.btn_Stop.value="START";
 }
 else if(event.srcElement.value=="START")
 //else if(document.form1.btn_Stop.value=="START")
 {
  MyInterval=setInterval("Refresh()",1000);
  document.form1.btn_Stop.value="STOP";
 }
}

function Clear()
{
 if(event.keyCode==8)//退格键
 {
  event.srcElement.value="";
 }
}
//-->
</script>
</head>


<body>

<form name="form1">
当前时间:<input type=text name="txt_Time" size=30 onkeydown="Clear()">
<input type="button" name="btn_Stop" value="STOP" onClick="Stop()">


</form>

</body>

</html>

 

 

<html>

<head>

<script language="JavaScript">
<!--

function Refresh()
{
 Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
 setTimeout("Refresh()",1000);
}

var timer=setTimeout("Refresh()",1000);

function Stop()
{
 if(event.srcElement.value=="STOP")
 {
  clearTimeout(timer);
  document.all.btn_Stop.value="START";
 }
 else if(event.srcElement.value=="START")
 {
  timer=setTimeout("Refresh()",1000);
  document.all.btn_Stop.value="STOP";
 }
}
//-->
</script>
</head>


<body>
<div style="background-color:#eeeeee" id="Time"></div>
<input type="button" name="btn_Stop" value="STOP" onClick="Stop()">

<button name='btnTest' onclick="javascript:alert(this.name)">测试</button>
</body>

</html>

 

分享到:
评论

相关推荐

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

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

    详解JS中定时器setInterval和setTImeout的this指向问题

    JavaScript中的定时器`setInterval`和`setTimeout`是开发者经常使用的功能,它们允许代码在特定的时间点或间隔执行。这两个函数对于实现动画效果、异步处理等场景非常有用。然而,`this`关键字在这些定时器函数中的...

    JavaScript定时器:`setTimeout`和`setInterval`的深入指南

    setTimeout和setInterval是JavaScript中两个基本的定时器函数,它们在前端开发中有着广泛的应用。本文将详细介绍这两个函数的使用方法、差异、以及如何在实际项目中有效利用它们。 setTimeout和setInterval是...

    Javascript定时器(二)——setTimeout与setInterval

    在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的区别。 首先,`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    定时器(setTimeout/setInterval)调用带参函数失效解决方法

    setInterval(code,millisec[,”lang”]) setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 参数 描述 code 必需,要调用的函数或要执行的代码串。 millisec 必需,周期性执行或调用...

    Javascript中, setTimeout() 和 setInterval() 的方法

    在JavaScript编程中,`setTimeout()`和`setInterval()`是两个非常关键的函数,它们用于实现异步编程,特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法,它们的区别...

    js中SetInterval与setTimeout用法.pdf

    在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。本文将详细介绍这两种函数的用法和区别。 setTimeout 函数 setTimeout 函数用于延迟执行某个函数或...

    js中SetInterval与setTimeout用法

    在 JavaScript 中,SetInterval 和 setTimeout 是两种常用的定时器函数,用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout 函数 SetTimeout 函数用于延迟执行某个函数...

    理解javascript定时器中的setTimeout与setInterval

    本文将深入讲解JavaScript中的两个重要定时器函数:`setTimeout`和`setInterval`。 首先,`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下: ```javascript var timeoutID = window....

    深化理解setTimeout函数和setInterval函数_.docx

    总结来说,`setTimeout`和`setInterval`都是JavaScript中的定时器函数,它们允许开发者在特定时间后执行任务。`setTimeout`只执行一次,而`setInterval`会周期性地执行。两者都可以通过`clearTimeout`和`...

    javascript中SetInterval与setTimeout的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍...

    Javascript中setTimeOut和setInterval的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

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

    本文将深入探讨两种主要类型的JavaScript定时器:一次性执行的定时器(setTimeout)和重复执行的定时器(setInterval),以及如何清除这些定时器。 1. **一次性执行的定时器(setTimeout)** - `setTimeout` 函数...

    js定时器例子

    在这个"js定时器例子"中,我们可以深入探讨两种主要类型的定时器:`setTimeout`和`setInterval`。 1. `setTimeout`定时器: `setTimeout`函数用于在指定的毫秒数后调用一个函数或执行某段代码。它的基本语法是: ...

    js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

    在JavaScript中,`setTimeout`和`setInterval`是两个非常重要的定时器函数,它们用于在指定的时间后执行特定的函数。然而,`setInterval`在某些情况下可能不如我们期望的那样工作,因为它会周期性地不间断执行,即使...

    Javascript定时器 一 单线程 修正

    JavaScript定时器主要包括两种类型:`setTimeout`和`setInterval`。`setTimeout`用于在指定的毫秒数后调用一个函数或执行某段代码,而`setInterval`则会在给定的时间间隔重复执行指定的函数。 在单线程的JavaScript...

    给c#添加SetTimeout和SetInterval函数.docx

    #### SetTimeout函数详解 `SetTimeout` 函数的主要作用是在指定的时间间隔后执行一次指定的代码块。这与 JavaScript 中的 `setTimeout` 类似。下面给出具体的实现代码: ```csharp using System; using System....

    JS-定时器-间歇函数(一) 图片1资源

    总结,JavaScript的定时器功能为我们提供了灵活的时间控制手段,无论是单次延迟执行还是周期性重复任务,都离不开`setTimeout`和`setInterval`。结合图片资源,可以更全面地理解和掌握这一重要概念。

    javascript 不停(setInterval)/延时(setTimeout)函数使用实例

    - setTimeout 和 setInterval 可以用来执行任何 JavaScript 代码,包括调用函数或直接运行字符串形式的 JavaScript 代码。但使用字符串形式代码时需要格外小心,因为它可能会引入跨站脚本攻击(XSS)的风险,特别是...

Global site tag (gtag.js) - Google Analytics