JS 定时器（setInterval和setTimeout 函数）

最新推荐文章于 2024-05-31 08:30:00 发布
最新推荐文章于 2024-05-31 08:30:00 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML JavaScript 文章标签： timer function button date javascript input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/scgyyu/article/details/4232363
版权

DEMO1:
<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 οnkeydοwn="Clear()">
<input type="button" name="btn_Stop" value="STOP" onClick="Stop()">


</form>

</body>

</html>


DEMO2:
<SCRIPT>

function Refresh()
{
Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
timer=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>

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

</body>

scgyyu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript之定时器
weixin_47740096的博客
06-29 2168
js之定时器
js定时器例子
02-15
用js写的定时器小例子，适合每一位初学者。
JavaScript定时器
weixin_52629158的博客
04-30 1万+
setInterval() ：是属于 window 的方法，按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。其中 回调函数 "clock()" 可以写在 双引号中，也可以写在单引号中。setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。clearInterval() 方法 的参数 必须是由 setInterval() 返回的 ID 值。(这个内容 描红显示)
【JavaScript】【5】定时器（包含回调函数与Promise）
weixin_51612770的博客
06-04 9402
JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。 回调无处不在，不仅在 DOM 事件中。一个常见的示例是使用定时器： XHR 请求也接受回调，在此示例中，会将一个函数分配给一个属性，该属性会在发生特定事件（在该示例中，是请求状态的改变）时被调用： 回调适用于简单的场景！但是，每个回调都可以添加嵌套的层级，并且当有很多回调时，代码就会很快变得非常复杂 这是一个简单的四
js定时器
最新发布
qq_68971977的博客
05-31 269
window.setTimeout(回调函数，延迟秒数)window.setTimeout(回调函数，延迟秒数)clearInterval()关闭定时器。clearTimeout()关闭定时器。
定时器setTimeout()、setInterval()详解
热门推荐
风动之石的专栏
10-17 1万+
JavaScript 标准参考教程（alpha） 浏览器对象 定时器 GitHub  TOP  定时器 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录
详解JS中定时器setInterval和setTImeout的this指向问题
10-20
JavaScript中的定时器`setInterval`和`setTimeout`是开发者经常使用的功能，它们允许代码在特定的时间点或间隔执行。这两个函数对于实现动画效果、异步处理等场景非常有用。然而，`this`关键字在这些定时器函数中的...
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
javascript中SetInterval与setTimeout的定时器用法
10-23
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等，本文文章通过代码示例给大家介绍...
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
利用setInterval实现数秒的当前时间案例
开发技术资料收藏专栏
10-07 738
当前时间：2014年10月7日 下午10:24:50 setInterval("document.getElementById('nnowdate').innerHTML=new Date().toLocaleString().substring(0,10) + ' ' + new Date().toLocaleTimeString();",1000);
js 各种定时器实现
07-06
已知的多种方式实现的js定时器功能。支持延缓加载功能。
new Date().toLocaleStrin
qq_43412333的博客
07-07 1135
当只使用new Date()会出现 当使用new Date().toLocaleString时 当使用new Date().toLocaleString并给其添加参数时newDate().toLocaleString('chinese',{hour12:false})
js每隔一秒打印1,2,3,4,5
weixin_39147099的博客
11-07 1万+
js怎么每隔一秒打印出数字呢？ 方法一： 自执行函数 for (var i=0; i&amp;lt;5; i++) { (function (i) { setTimeout(() =&amp;gt; console.log(i), 1000*i) })(i) } 方法二：传址传递 var out = (i) =&amp;gt; { setTi...
定时器setInterval
cc果冻LXY的博客
01-19 187
倒计时 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="box"&
JS中的两种定时器
qq_50270150的博客
05-20 503
js中有两种定时器，setTimeout（）和setInterval（） 这两种定时器的区别在于 setTimeout（)是一次性的定时器 而setInterval（）是循环的定时器。 以下是两种定时器的写法： 1. setTimeout(): setTimeout(function(){ console.log("hello")},1000 )//倒计时一秒后执行function中的语句 2. setInterval(): setInterval( function(){ console
settimeout(function(){console.log(i)},0);
qq_31404277的博客
11-17 5353
for(var i=0;i&lt;10;++i){ setTimeout(function(){console.log(i)},0); } 这是一个闭包，那么这个闭包输出的到底是什么？？？ 答案：输出的是 10 ，且连续输出10次； setTimeout是异步执行，也即每一次for循环执行一次，settimeout都会执行一次，但是里面的settimeout并没有立即被执行，而是等到for循环结束...
JS 定时器setInterval()
boonyaxnn的博客
04-03 1万+
setInterval(参数1，参数2) 描述：定时执行 间隔执行 注意： 1.参数1可以是一个匿名函数 也可以是函数名 2.参数2 定时执行的毫秒数 例子： setInterval(function () { console.log('我是定时执行');//我是定时执行 },2000); function showMessage(){ cons...
setTimeout(fn,0)
hhlljj0828的博客
01-11 352
var fuc = [1,2,3]; for(var i in fuc){ setTimeout(function(){console.log(fuc[i])},0); console.log(fuc[i]); } 虽然setTimeout函数在每次循环的开始就调用了，但是却被放到循环结束才执行，循环结束，i=3,接连打印了3次3。 这里涉及到javascript单线程执行的问...
js定时器 setinterval() 和settimeout定时轮询
08-09
setInterval()和setTimeout()都是JavaScript中的定时器函数，用于在一定时间间隔后执行指定的函数。 setInterval()函数是一个循环计时器，它会以指定的时间间隔循环执行同一个函数。例如，如果我们想要每隔1秒钟...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值