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

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

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

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

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>预备启动秒表</title>

    <script type="text/javascript">

        function timedMsg()

        {

            var second = document.getElementById("second").value;

            var minute = document.getElementById("minute").value;

            var hour = document.getElementById("hour").value;

            second = parseInt(second);

            minute = parseInt(minute);

            hour = parseInt(hour);


            var second = second + 1;

            if(second >59){

                second = 0;

                minute = minute + 1;

                if(minute > 59){

                    minute = 0;

                    hour = hour + 1;

                    if(hour>23){

                        hour = 0;

                    }

                }

            }

            //数据格式处理

            if(second < 10){

                second = "0" + second;

            }

            if(minute < 10){

                minute = "0" + minute;

            }

            if(hour < 10){

                hour = "0" + hour;

            }

            document.getElementById('second').value= second;

            document.getElementById('minute').value= minute;

            document.getElementById('hour').value= hour;

            var t = setTimeout("timedMsg();",1000);

        }

    </script>

</head>

<body>

    <button onclick="timedMsg()">预备启动秒表</button>

    <br>

    <br>

    时<input type="text" name="hour" id="hour" value="00">

    分<input type="text" name="minute" id="minute" value="00">

    秒<input type="text" name="second" id="second" value="00">

</body>

</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. Redis开发使用指南

    Redis Redis是一个开源(BSD许可)的内存数据结构存储,用作数据库.缓存和消息代理.Redis提供数据结构,如strings, hashes, lists, sets, sorted set ...

  2. wpf 获得exe的运行路径

    System.Reflection.Assembly.GetEntryAssembly().Location

  3. WPF 中的style 样式

    WPF相较于以前学的WinForm,WPF在UI设计与动画方面的炫丽是最吸引我来学习的.在WPF中XMAL代码的引入使得代码的编写能够前后端分离,为获得更好的界面,也使得我们不得不分出一半的时间花在前 ...

  4. 梦琪小生 【转】【WPF】WPF MVVM 简单实例

    1 新建WPF 应用程序WPFMVVMExample 程序结构如下图所示. 2 Model实现 在Model文件夹下新建业务类StudentModel(类文件StudentModel.cs),类的详细 ...

  5. servlet中servletContext的五大作用（四）

    1.    获取web的上下文路径 2.    获取全局的参数 3.    作为域对象使用 4.    请求转发 5.    读取web项目的资源文件 package day10.about_serv ...

  6. 分治算法：Tromino谜题，L型覆盖

    1 public class Tromino { 2 3 static int num = 2; 4 //x 对应 第二维 5 //y 对应 第一维 6 static int[][] panel = ...

  7. Storm重启topology，失败

    storm新加节点,重启topology后,出现错误 如果检查了CPU和内存不高后,还出现 java.lang.OutOfMemoryError: unable to create new nativ ...

  8. Windows-MacOSX-Ubuntu·不同平台文件互传文件共享

    时间:2018-11-23 整理:byzqy 标题:Mac下的virtual box 安装的Ubuntu虚拟机互传文件问题 地址:https://blog.csdn.net/qq_20044689/a ...

  9. Spring源码浅析之bean实例的创建过程(二)

    在上一篇内容中,介绍了doGetBean方法的源码内容,知道了bean在创建的过程中,有三个范围,单例.多例.Scope,里面都使用到了createBean.下面本篇文章的主要内容,就是围绕creat ...

  10. 如何实现LRU缓存？

    面试官:来了,老弟,LRU缓存实现一下? 我:直接LinkedHashMap就好了. 面试官:不要用现有的实现,自己实现一个. 我:..... 面试官:回去等消息吧.... 大家好,我是程序员学长,今 ...