setTimeout(code,millisec) 方法用于在指定的毫秒数后调用函数或计算表达式

setInterval(code,millisec) 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式

区别：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()

setTimeout() 函数实现时钟的例子

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>预备启动秒表</title>
  6.     <script type="text/javascript">
  7.         function timedMsg()
  8.         {
  9.             var second = document.getElementById("second").value;
  10.             var minute = document.getElementById("minute").value;
  11.             var hour = document.getElementById("hour").value;
  12.  
  13.             second = parseInt(second);
  14.             minute = parseInt(minute);
  15.             hour = parseInt(hour);

  16.             var second = second + 1;
  17.             if(second >59){
  18.                 second = 0;
  19.                 minute = minute + 1;
  20.                 if(minute > 59){
  21.                     minute = 0;
  22.                     hour = hour + 1;
  23.                     if(hour>23){
  24.                         hour = 0;
  25.                     }
  26.                 }
  27.             }
  28.             //数据格式处理
  29.             if(second < 10){
  30.                 second = "0" + second;
  31.             }
  32.             if(minute < 10){
  33.                 minute = "0" + minute;
  34.             }
  35.             if(hour < 10){
  36.                 hour = "0" + hour;
  37.             }
  38.  
  39.             document.getElementById('second').value= second;
  40.             document.getElementById('minute').value= minute;
  41.             document.getElementById('hour').value= hour;
  42.  
  43.             var t = setTimeout("timedMsg();",1000);
  44.         }
  45.     </script>
  46. </head>
  47. <body>
  48.     <button onclick="timedMsg()">预备启动秒表</button>
  49.     <br>
  50.     <br>
  51.     时<input type="text" name="hour" id="hour" value="00">
  52.     分<input type="text" name="minute" id="minute" value="00">
  53.     秒<input type="text" name="second" id="second" value="00">
  54. </body>
  55. </html>

setTimeout 与setInterval的区别的更多相关文章

  1. setTimeout和setInterval的区别以及如何写出效率高的倒计时

    1.setTimeout和setInterval都属于js中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...

  2. setTimeout与setInterval的区别

    setTimeout与setInterval的区别:1.setTimeout设置后隔指定时间后只会执行一次2.setInterval设置后会每隔指定时间执行一次3.setTimeout一般在方法内部使 ...

  3. setTimeout()和setInterval()的区别

    JS学习 - setTimeout()和setInterval()的区别 相同点 setTimeout 和 setInterval的语法相同.他们都有两个参数,一个是将要执行的代码字符串,还有一个是以 ...

  4. javascript中的两个定时函数setTimeOut()和setInterVal()的区别

    js中经常性要用到间隔几秒或暂停几秒执行某个函数, 简单介绍我从网上收集到setTimeOut()和setInterVal()的区别1.setInterVal()介绍 1)定义 setInterval ...

  5. Javascript中setTimeout和setInterval的区别和使用

    在javascript中,window对象有两个主要的定时方法,分别是setTimeout 和 setInterval,其语法基本上相同,但是完成的功能取有区别. setTimeout方法是定时程序, ...

  6. setTimeout()与setInterval()方法区别介绍

    计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍下,希望对大家有所帮助   计时器setTimeout()和setInterval ...

  7. setTimeout和setinterval的区别

    setTimeout("alert('久等了')",2000)是等待多长时间开始执行函数 setinterval(fn,1000)是每隔多长时间执行一次函数 setTimeout和 ...

  8. JavaScript中setTimeout()和setInterval()的区别

    含义: setTimeout()和setInterval()经常被用来处理延时和定时任务.使用setTimeout()处理延时任务,而使用setInterval()方法处理定时任务: setTimeo ...

  9. setTimeout 和 setInterval 的区别

    setTimeout (表达式,延时时间)setInterval(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout   在执行时,是在载入后延迟指定时间 ...

随机推荐

  1. 网关服务Kong和konga介绍安装使用教程

    介绍 Kong是一款基于OpenResty(Nginx + Lua模块)编写的高可用.易扩展的,由Mashape公司开源的API Gateway项目.Kong是基于NGINX和Apache Cassa ...

  2. SSM自学笔记（三）

    5.Spring JdbcTemplate 1.Spring JdbcTemplate基本使用 1.1 JdbcTemplate概述 它是spring框架中提供的一个对象,是对原始繁琐的Jdbc AP ...

  3. EZpop分析

    首先源代码如下 <?php class Modifier { protected $var; public function append($value){ include($value); } ...

  4. 【MyBatis系列5】MyBatis4大核心对象SqlSessionFactoryBuiler,SqlSessionFactory,SqlSession,Mapper

    前言 前几篇篇我们简单讲解了MyBatis的简单用法,以及一对一和一对多以及多对多的相关动态sql查询标签的使用,也提到了嵌套查询引发了N+1问题,以及延迟加载相关功能,本篇文章将会从MyBatis底 ...

  5. 迭代器 与 foreach 的区别

    迭代器的常见运用--Eg:有一组数据 需要对每个符合条件的数据 进行记录 static void Main() { int[] s = new int[] { 1, 2, 8 }; foreach ( ...

  6. tree命令出现乱码

    alias tree='tree --charset ASCII'就可以了

  7. linux 查看用户密码

    2021-07-26 1.查看前三个密码 head -3 / etc / passwd # 注解 /etc/passwd 中一行记录对应着一个用户,每行记录又被冒号 (:) 分隔为 7 个字段,其格式 ...

  8. 面试必备:排序算法汇总(c++实现)

    排序算法主要考点: 7种排序 冒泡排序.选择排序.插入排序.shell排序.堆排序.快速排序.归并排序 以上排序算法是面试官经常会问到的算法,至于其他排序比如基数排序等等,这里不列举. 以下算法通过c ...

  9. Django——数据库连接配置

    配置settings.py : DATABASES = { 'default': { #default表示默认,也可以指定app 'ENGINE': 'django.db.backends.mysql ...

  10. Appium自动化（16） - 使用手机浏览器进行自动化测试

    如果你还想从头学起Appium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1693896.html 前言 前面我都讲的都是针对 app ...