Javascript之计时器知识总结

最新推荐文章于 2023-07-24 10:37:30 发布
最新推荐文章于 2023-07-24 10:37:30 发布
阅读量384 收藏
点赞数 1
分类专栏： Javascript 文章标签： javascript 计时器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiuLee18/article/details/52130577
版权

Javascript之计时器

      知识归纳：

      setInterval(代码，交互时间); //代码是指要调用的函数或者代码串，每隔指定交互时间执行代码，交互时                                                                          间以毫秒记，特点是会循环反复执行。

      clearInterval(代码，交互时间);   //取消setInterval的设置

      setTimeout(代码，交互时间);     // 指定的交互时间来执行代码，特点是只执行一次

      clearTimeout(代码，交互时间);  //取消清除setTimeout的设置

      案例1：逐个显示文字

      代码：

                <html>
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>逐个显示文字</title>
                <script language="JavaScript" type="text/javascript">

                      var str = "我要一个一个的显示出来";

                       var i= 0;

                       function scroll(){

                       var msg = str.substring(0,i+1);

                       document.getElementById('word').innerHTML=msg;

                       i++;

                       if(msg<str.length){i=0;}

                      }

                    setInterval("scroll()",1000);

               </script>
               </head>
               <body>
               <div id="word"> </div>
               </body>
               </html>

       案例2：倒计时后跳转

       代码：

               <html> 
               <head> 
               <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
               <title>js定时跳转页面的方法</title> 
               </head> 
               <body> 
               <script type="text/javascript"> 
                    var tt=10;

                    function aa(){
             document.getElementById('show').innerHTML=tt+"秒之后我就要跳转了";

                    tt--;

                    if (tt==0) {window.location.href="http://www.csdn.net";}

                 }

                   setInterval('aa()',1000);

             </script> 
             <div id="show"></div> 
             </body> 
             </html>        

暴走的小土豆
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript的计时器简单介绍
pleasecallme_522的博客
11-03 748
首先来介绍计时器setInterval（）的概念和使用方法： 1.setInterval(函数，毫秒)：计时器是一个带有时间概念的东西，表示每间隔多少毫秒的时间执行一次函数体内的代码。类似于循环结构，不过与循环结构仍然存在一些差异：当程序一旦进入循环结构，必须将循环体内的语句执行完毕出循环之后才能执行其他语句。而计时器只需要在到达某时间间隔的时候执行一次函数体内额代码即可，其他时间仍然可以执行其他
原生JavaScript实现网页计时器
shenqh
07-18 1128
计时器的功能就是以秒为单位分别累加计时。其中提供了三个功能。计时：时间归零并开始计时；暂停：暂停当前计时器；继续：对暂停的计时器在当前时间上继续计时。时间格式是X时X分X秒。 这次先提供预览图，然后讲解思路，代码放在后面。换换之前的步骤看看哪种效果好一点。下面提供效果图，逻辑思路以及代码。 预览图： 逻辑思路： 对页面进行布局就不讲了。直接讲逻辑。 1、首先定义了变量usedtime...
使用JavaScript实现一个简单的计时器
最新发布
wsd02061112的博客
07-24 3002
计时器是前端开发中常见的功能之一，它可以帮助我们记录时间并进行倒计时等操作。在本篇博客中，我将向大家介绍如何使用JavaScript实现一个简单的计时器。通过本篇博客，我们学习了如何使用JavaScript实现一个简单的计时器。希望这篇博客对您有所帮助，如果有任何问题，请随时留言。
简单写了下修改win7高性能电源方案的批处理 （原作者joinlidong IT天空）
shujuliu2009的博客
06-03 2695
我个人封装时一直没有找到一键更改Windows电源设置的地方，每次都要手动去挨个调整。花了一上午时间研究了下Win7的电源选项批处理。核心命令powercfg。其实大家都可通过powercfg /? 来查看其详细使用方法 这里GUID我是在Win7 下获得的。其他系统的GUID还没时间试。我简单直白说一下。 切换电源方案为高性能。 格式Powercfg -s <GUID> &l...
javascript设计简单的秒表计时器
10-23
总结，通过以上步骤，我们可以创建一个基本的JavaScript秒表计时器。这个计时器具备开始、暂停和重置功能，并且能够在用户界面上实时显示经过的时间。这样的计时器对于学习JavaScript的事件处理、DOM操作和定时器...
javascript实现秒表计时器的制作方法
10-20
总结，这个JavaScript秒表计时器的实现主要包括以下几个步骤： 1. 初始化时间变量。 2. 使用`setInterval`创建计时器，每50毫秒更新时间并显示。 3. 格式化时间显示。 4. 当达到特定时间单位的边界时，递增上级时间...
JavaScript两种计时器的实例讲解
10-17
在JavaScript编程中，计时器是实现异步操作和动态效果的关键工具。它们允许开发者在特定时间间隔后执行一段代码。本篇文章主要介绍了JavaScript中的两种计时器——`setInterval()` 和 `setTimeout()`，并提供了实例...
javascript实现一款好看的秒表计时器
10-14
在本文中，我们将探讨如何使用JavaScript...这个实例不仅展示了基本的JavaScript计时知识，还涉及到DOM操作和用户体验设计。对于初学者来说，这是一个很好的实践项目，可以深入理解JavaScript与网页交互的工作方式。
刷新计时器（模拟）
12-01
在IT行业中，计时器是一种常见且...总结，"刷新计时器（模拟）"是一个实用的功能，它涉及到前端的计时器使用、事件监听、UI更新以及性能优化等多个方面。开发者可以通过理解并应用这些知识点，提升自己的项目开发能力。
javascript实现计时器
01-05
js实现计时器，只需要将设定的开始时间修改为你需要的开始时间就可以使用，制作个人网站，纪念重要日期非常实用。
jsp，javascript计时器
11-01
javascript简单的编写的时间计时器
定时器的用法的心得体会
12-24
在ClassWizard中响应ID为~Dlg中的WM_TIMER消息。 使用SetTimer(nIDEvent,time,NULL)来建立一个定时器，关闭定时器用KillTimer(nIDEvent)函数。 然后可以响应ON_WM_TIMER消息来响应一个定时器完成一次记时后的程序。 响应方式如下： void CTimeDlg::OnTimer(UINT nIDEvent) { if(nIDEvent==1000)//间隔为5秒 { //处理事件 } elseif(nIDEvent==1001)//间隔为10秒 { //处理事件 } CDialog::OnTimer(nIDEvent); } 以下是给出一个串口通信定时检查接收数据的部分代码 void CMyDlg::OnOpenCom() { // TODO: Add your control notification handler code here if( f_open_com==true ) { f_open_com = false; GetDlgItem(IDC_OPEN_COM)->SetWindowText("打开通信端口"); CloseHandle(hComm); KillTimer(1000); /// 关闭定时器 return ; } SetTimer(1000, 1000, NULL); ///nIDEvent==1000,time=5000ms const char *ComNo; DCB dcb; string temp("COM1"); ComNo = temp.c_str(); hComm = CreateFile( ComNo , GENERIC_READ|GENERIC_WRITE , 0 , NULL , OPEN_EXISTING , 0 , 0); if( hComm==INVALID_HANDLE_VALUE ) /// 如果端口未打开 { MessageBox("打开通信端口出错！" , "Comm Error" , MB_OK); return ; } /// 将dcb地址传入，以取得通信参数 GetCommState(hComm,&dcb); /// 得知目前通信状态 dcb.BaudRate = CBR_9600; dcb.ByteSize = 8; /// 字节为8 dcb.Parity = NOPARITY; /// Parity为None dcb.StopBits = ONESTOPBIT; /// 1个停止位 if( !SetCommState( hComm , &dcb)){ MessageBox("通信端口设置出错！" , "Set Error" , MB_OK ); CloseHandle(hComm); return; } GetDlgItem(IDC_OPEN_COM)->SetWindowText("关闭通信端口"); f_open_com = true; } void CMyDlg::OnTimer(UINT nIDEvent) { // TODO: Add your message handler code here and/or call default char inbuff[1024]; DWORD nBytesRead , dwError; COMSTAT cs; /// 取得状态 ClearCommError( hComm , &dwError , &cs); /// 数据是否大于所准备的缓冲区 if( cs.cbInQue > sizeof(inbuff) ) { PurgeComm(hComm , PURGE_RXCLEAR ); /// 清除通信端口数据 return ; } ReadFile(hComm , inbuff , cs.cbInQue , &nBytesRead , NULL ); //接收通信端口的数据 inbuff[cs.cbInQue] = '\0'; MessageBox("打开通信端口出错！" , "Comm Error" , MB_OK); m_Receive.Format("%s",inbuff); UpdateData(false); CDialog::OnTimer(nIDEvent); } 李杨: for(int i=0; ;i++ ) { ... Sleep(5); if(i>...) ｛AfxMessageBox("错误XXX"); return；｝ }//跳出后记得停止一些机器动作
timer:简单轻量级的 javascript 计时器
07-01
计时器 简单轻量级的 javascript 计时器 开始 在需要的地方包含 timer.min.js。 创建一个定时器实例： timer = new Timer ( < callback> , < instance> ); 调用 timer.start(duration) 函数。 每隔几秒，就会调用 instance.callback，参数中带有一个布尔值，指示计时器是否已结束。 用法 timer.start(duration)启动计时器 'duration' 秒 timer.togglePause()暂停或恢复计时器 timer.stop()停止计时器 timer.remaining()给出剩余秒数 timer.elapsed()给出经过的秒数 版权 来源在 MIT 许可下
JavaScript计时器
m0_74056313的博客
01-09 82
计时器
关于JS定时器的一点小心得
zj894762465的博客
09-27 702
var count=0; function cn(){//定时器函数一定要写在外部，不然没法实现鼠标移上去的时候停止，移除的时候继续切换 var arr = new Array("images/log1.png","images/log2.png","images/log3.png","images/log4.png"); count++; if(count>3){ count%=4;
JavaScript简单计时器
06-09
好的，我可以帮你实现一个简单的 JavaScript 计时器。你可以按照以下步骤操作： 1. 首先，在 HTML 文件中创建一个计时器显示区域，例如： ```html <div id="timer">00:00:00 ``` 2. 在 JavaScript 文件中创建一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值