JavaScript - 停止计时器

最新推荐文章于 2023-11-02 00:02:22 发布
最新推荐文章于 2023-11-02 00:02:22 发布
阅读量1k 收藏
点赞数
分类专栏： javascript 文章标签： javascript 开始计时器 计时器 停止计时器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shangdi1988/article/details/45370399
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>停止计时器</title>
    <script type="text/javascript">
        //页面加载完成后执行
        window.οnlοad=function(){
            var today=new Date();
            //var date1=new Date("2014/02/14 12:30:00");
            //alert(date1);
            var year=today.getFullYear();
            var month=today.getMonth()+1;
            var date=today.getDate();
            var hour=today.getHours();
            hour=checkTime(hour);
            var minute=today.getMinutes();
            minute=checkTime(minute);
            var second=today.getSeconds();
            second=checkTime(second);
            var currentTime=year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second;

            document.getElementById("time").innerHTML=currentTime;

            //print();
        }

        //检查时间，为个位数补0
        function checkTime(t){
            if(t<10){
                t="0"+t;
            }
            return t;
        }

        //定时器setTimeout()
        var timer;
        function print(){
            var objP=document.getElementById("itany");
            objP.innerHTML+="Hello World!<br/>";
            timer=setTimeout("print()",500);
        }

        //停止计时器
        function stopTimer(){
            clearTimeout(timer);
        }

        //定时器setInterval()
        function print2(){
            var objP=document.getElementById("itany");
            objP.innerHTML+="Hello World!<br/>";
        }

        var timer2;
        function startTimer2(){
            timer2=setInterval("print2()",1000);
        }

        function stopTimer2(){
            clearInterval(timer2);
        }
    </script>
  </head>

  <body>
    <div id="time">  </div>
    <input type="button" value="启动计时器" οnclick="startTimer2()" />&nbsp;<input type="button" value="停止计时器" οnclick="stopTimer2()" />
    <p id="itany"></p>
  </body>
</html>
wsxlgg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
node-red-contrib-stoptimer-varidelay
05-02
节点红色的停止计时器（可变延迟） 一般用法 在设置的计时器持续时间之后，通过第一个输出发送消息。 如果在计时器结束之前收到了新的消息，它将替换现有的消息，并且计时器将重新启动，除非新的消息的有效载荷为“停止”或“停止”，在这种情况下它将停止计时器。 第二个输出使您可以发送数字，字符串或布尔值的其他有效载荷。 如果计时器已停止，则第二个和第三个输出将自动发送有效载荷“已停止”。 随着时间的流逝，第三个输出将以HH：MM：SS格式发送剩余时间。 节点下方的状态以及第三个输出可以配置为更新： 从不（默认） 每一秒 每分钟，最后一秒 最后一个选项的工作方式如下： 当剩余时间超过1分钟时，计时器将每分钟递减一次。 在1分钟时，它将切换为每秒报告一次。 此规则的例外情况是您的持续时间不是一分钟增量。 在这种情况下，第一次更新将持续一分钟，此后它将如上所述进行操作。 （例如：2.5分钟将减为2分
Android：定时器Timer的停止和重启实现
热门推荐
中志融一的博客
07-31 3万+
17年8月第1篇日志 7月份做了一个项目，利用自定义控件呈现一幅动画，当时使用定时器来控制时间，但是当停止开启时总是出现问题。一直在寻找合理的方法解决这个问题，一直没有找到，最近终于找到了合理的方法来解决这个问题。 大家如何查询有关资料，一定知道timer,timertask取消的方式是采用Timer.cancel()和mTimerTask.cancel()，可是大家发现这种发式取消后，再次开始
c语言时间信号,信号处理程序停止C语言中的Timer
weixin_35827671的博客
05-20 385
我试图让信号处理程序在不退出程序的情况下停止计时器.我应该怎么做.我希望StopTimer处理信号以停止计时器#include #include #include #include #include #include #define INTERVAL 2 // number of seconds to go offint main(int argc, char* argv[]) {Tim...
java timer 失效_Java定时器问题实例解析
weixin_39803022的博客
02-16 777
定时器问题定时器属于基本的基础组件，不管是用户空间的程序开发，还是内核空间的程序开发，很多时候都需要有定时器作为基础组件的支持。一个定时器的实现需要具备以下四种基本行为：添加定时器、取消定时器、定时器检查、到期执行。请设计一个定时器并实现以下三种基本行为，函数原型已给出，可使用任意编程语言设计数据结构及实现，并尽可能高效地支持大量定时器：// 添加定时器：经过特定时间间隔后执行目标操作// 输入 ...
JS定时器使用、关闭
zf_csdn123的博客
08-14 9878
JS定时器有两种，分别是setTimeout和setInterval，区别是前者是一次执行，后者是循环执行，具体什么意思呢，直接看代码。 //指定时间为6000毫秒，即6s，到达6s后，执行一次，之后不再执行。 setTimeout(function(){ alert("执行一次定时器"); },6000); //指定时间为6s，每过6s执行一次 setInterval(function(){ alert("循环执行定时器"); },6000); 要关闭定时器，首先我们要先获取到定时器，即如果页面中
Document.visibilityState 页面监听 vue中实现离开页面时计时停止： 停止计时后从上一次开始计时
qq_41358574的博客
04-02 1347
概述 Document.visibilityState （只读属性）, 返回document的可见性, 即当前可见元素的上下文环境. 由此可以知道当前文档(即为页面)是在背后, 或是不可见的隐藏的标签页，或者(正在)预渲染.可用的值如下： ‘visible’ : 此时页面内容至少是部分可见. 即此页面在前景标签页中，并且窗口没有最小化. ‘hidden’ : 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 ‘锁屏状态’ . ‘prerender’ : 页面此时正在渲染
滚动定时器，鼠标滑入暂停滚动，滑出继续滚动
itlsq的博客
05-27 715
定义滑入滑出事件 let $listUl = $('.bigDivBottom .listUl') $listUl.hover(function(){ clearInterval(that.leftTopTimer) }, function () { that.leftTopTimer = setInterval(() => { that.scrolllist() }, 4000) }).trigger('mouseleave') Vue销毁时别忘了销毁定
JavaScript实现停止定时器（附完整源码）
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-02 391
JavaScript实现停止定时器（附完整源码）
JS 定时器的设置与关闭（倒计时效果）
weixin_50784508的博客
08-22 459
【代码】JS 定时器的设置与关闭（倒计时效果）
js计时器(开始计时、停止计时、重置)
宏伟
06-28 7282
00 00 00
C#实现的秒表 StopTimer
07-22
这是我依据手机上的秒表用C#实现的秒表，主演用的C# 的定时器timer控件，实现的简单的秒表功能，界面没有花费心思。。。诸位朋友可以改改看。。。
StopTimer:目前可在Google Play上获取Android应用程序的完整源代码-Android application source code
03-25
停止计时器 目前可在Google Play上使用的Android应用程序的完整源代码： StopTimer-Stopwatch和Timer 。 该存储库的作者免费向其他Android开发人员提供了示例。 它包括Android Studio的完整项目。 概要 Stoptimer是一款平稳易用的秒表（计时器）和计时器（倒数）应用程序，具有一些高级且有用的功能。 演示版 特征 创建多个（无限）秒表和计时器。 所有计时器/秒表均可同时运行。 为每个秒表和计时器设置一个标题。 在多个计时器和秒表之间进行顺畅的手指滑动。 秒表和计时器的持续时间可以从几秒到数百天不等。 每个计时器定义多个间隔，并为每个间隔设置唯一的时间。 所有时间间隔在它们到期时将按顺序依次运行。 自定义每个计时器间隔的蜂鸣/铃声，蜂鸣次数和振动设置。 创建重复计时器（如果有多个间隔，则所有间隔按顺序结束后，计时器将重复
javascript实现的简单计时器
12-10
上面出现了4个限时，对，没错，这里记录的就是最近写的 ‘计时器’ … 恩 ， 计时器 就一个setInterval 或 setTimeout 即可实现 ，代码不会超过十行！ 但是不防抱着没事找事的心态，来写个能复用的计时器 1.能倒计时...
javascript设计简单的秒表计时器
10-23
主要介绍了javascript设计简单的秒表计时器，该秒表将包括两个按钮和一个用于显示时间的文本框，当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计时，文本框显示经过的时间，需要的朋友可以...
timerfun:快速JavaScript计时器
05-23
创建针对每个计时器按钮的Javascript选择器。 为每个计时器按钮创建单击处理程序（暂时为空）。 实例化计时器的seconds和timerId变量。 在阅读setInterval()之后，后者会更有意义。 创建一个updateTime()函数，...
JavaScript-NivelSsr
05-25
计时器 Cofla 9问题A的历史 Cofla 9问题B的历史 ----------第10章---------- 第十章开幕 流程控制和错误处理 切换语句 例外情况 试着抓 最后 Cofla 10的历史 ----------第十一章---------- 第11章开场 什么时候...
实验室JavaScript计时器
02-18
例如，当计时器运行时，开始按钮将变为停止按钮。 作为奖励，我们将添加拆分功能。 如果您怀疑此功能的有用性，那么记住我们在练习的每次迭代中花费了多少时间可能会有所帮助。 :winking_face: 完成迭代后，我们将...
js保留两位小数和两个数比较大小的方法
三人行，必有我师焉。
05-12 1万+
//税金和税费合计的计算 function countTaxe(index) {     var money =$.trim($('#money_' + index).val()); //实付金额     var flag = true;     var taxe = 0;     var totalMoney = 0;     if (money != null && money
JavaScript - 编写四则运算函数
三人行，必有我师焉。
04-29 7060
四则运算函数             //var num1=prompt("请输入第一个整数：","");         //alert(typeof(num1));         //num1=parseInt(num1);         //alert(typeof(num1));         //var num2=prompt("请输入第二个小数：","");
javascript 计时器
04-01
JavaScript 提供了多种计时器函数，可以用来实现倒计时、延时执行等功能。 1. setTimeout()：延时执行一次指定的函数。 示例： ``` setTimeout(function() { console.log('延时执行'); }, 2000); // 延时 2 秒执行 ``` 2. setInterval()：重复执行指定的函数，每隔一定时间执行一次。 示例： ``` var count = 0; var timer = setInterval(function() { count++; console.log('第' + count + '次执行'); if (count >= 5) { clearInterval(timer); // 停止计时器 } }, 1000); // 每隔 1 秒执行一次 ``` 3. clearInterval()：停止由 setInterval() 创建的计时器。 示例： ``` var timer = setInterval(function() { console.log('重复执行'); }, 1000); setTimeout(function() { clearInterval(timer); // 停止计时器 }, 5000); // 5 秒后停止计时器 ``` 4. clearTimeout()：停止由 setTimeout() 创建的计时器。 示例： ``` var timer = setTimeout(function() { console.log('延时执行'); }, 2000); clearTimeout(timer); // 取消计时器 ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wsxlgg

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值