（一）、setInterval 间隔性

function show(){

    alert(‘a’);

}

setInterval(show,1000);

每隔1000毫秒（1秒）执行一次show这个函数；在这边是每隔一秒弹出一个a;无限执行；

　　（二）、setTimeout延时性

function show(){

    alert(‘a’);

}

setTimeout(show,1000);

第一秒出现a。之后没有了；只执行一次；

setInterval与setTimeout的区别就是前者无限执行，后者只执行一次；

　　（三）、定时器开启和关闭

　　（四）、getHours(), getMinutes() 以及 getSeconds();

getHours() 方法可返回时间的小时字段。

var date = new  Date();  //new是用来创建对象的

alert(date.getHours());

弹出的值正是现在当前的小时的数值；同理可得分，妙；

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>javascript 简易时钟</title>

</head>

<body>

<input id="text" type = "text" value = "1" style="width: 250px"/>

</body>

</html>

function show(){

var date = new Date();  //new是用来创建对象的

var text = document.getElementById("text");  //获取id为text然后赋值给text；

    text.value = date;                                //text的value 为date;如果HTML里面是div，那么此处为text.innerHTML = date;

}

setInterval("show()" ,1000);

文本框里面的值为Fri Mar 20 2015 22:08:05 GMT+0800；

如果想要只显示时间，那么看下面的代码，HTML里面的代码跟上面一样；

var btn1 = document.getElementById("btn1");

function show(){

var date = new Date();  //new是用来创建对象的

var hours = date.getHours();

var minutes = date.getMinutes();

var seconds = date.getSeconds();

var str = hours +':'+minutes+':'+seconds;

var text = document.getElementById("text");

    text.innerHTML = str;       //如果是div,此处为text.innerHTML；如果是input，此处为text.value

}

setInterval("show()",1000);

以上是setInterval写，那么setTimeout也可以写

var btn1 = document.getElementById("btn1");

function show(){

var date = new Date();  //new是用来创建对象的

var hours = date.getHours();

var minutes = date.getMinutes();

var seconds = date.getSeconds();

var str = hours +':'+minutes+':'+seconds;

var text = document.getElementById("text");

    text.value = str;

    setTimeout("show()" ,1000);

}

show();

可以查看这个链接http://www.heishou.com.cn，交流论坛

javascript定时器（上）的更多相关文章

  1. Javascript定时器(三)——setTimeout(func, 0)

    setTimeout(func, 0)可以使用在很多地方,拆分循环.模拟事件捕获.页面渲染等 一.setTimeout中的delay参数为0,并不是指马上执行 <script type=&quo ...

  2. Javascript定时器(二)——setTimeout与setInterval

    一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 set ...

  3. JavaScript定时器的工作原理（翻译）

    JavaScript定时器的工作原理(翻译) 标签(空格分隔): JavaScript定时器 最近在看ajax原理的时候,看到了一篇国外的文章,讲解了JavaScript定时器的工作原理,帮助我很好的 ...

  4. JavaScript定时器作业

    JavaScript定时器作业 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta char ...

  5. 关于JavaScript定时器我的一些小理解

    因为自己在平时工作中,有些功能需要用到定时器,但是定时器并不像我们表边上看到的那样,所以这周末我看看书查查资料,深入研究了一下JavaScript中的定时器,那么废话不多说,下面进入我们今天的正题. ...

  6. JavaScript定时器越走越快的问题

    目录 JavaScript定时器越走越快的问题 (setinterval)多次初始化 清除(clearInterval)的失效 解决方法 JavaScript定时器越走越快的问题 之前在项目中写了定时 ...

  7. 【JavaScript定时器小案例】常见的几种定时器实现的案例

    [JavaScript定时器小案例]常见的几种定时器实现的案例 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 在日常开发 ...

  8. 几款极好的 JavaScript 文件上传插件

    文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaS ...

  9. JavaScript返回上一页代码区别

    JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:win ...

  10. 【精心推荐】几款极好的 JavaScript 文件上传插件

    文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaS ...

随机推荐

  1. java之集合类框架的简要知识点：泛型的类型擦除

    这里想说一下在集合框架前需要理解的小知识点,也是个人的肤浅理解,不知道理解的正不正确,请大家多多指教.这里必须谈一下java的泛型,因为它们联系紧密,我们先看一下这几行代码: Class c1 = n ...

  2. 解决rsync 同步auth failed on module问题

    今天在同步备份文件时遇到一个情况,以前正常的备份,在昨天突然同步备份文件失败了.于是开始检查原因..... 报错日志/var/log/rsyncd.log发现错误 // :: [] auth fail ...

  3. 当each遇上list 的一些困惑

    在看手册函数的时候,看到each,如下: array each ( array &$array ) 返回数组中当前的键/值对并将数组指针向前移动一步 在执行 each() 之后,数组指针将停留 ...

  4. mac/linux install hg

    MAC OSX 10.9: sudo port -v install mercurial or easy_install mercurial

  5. 过河问题--nyoj题目47

    过河问题 时间限制:1000 ms  |  内存限制:65535 KB 难度:5   描述 在漆黑的夜里,N位旅行者来到了一座狭窄而且没有护栏的桥边.如果不借助手电筒的话,大家是无论如何也不敢过桥去的 ...

  6. Wcf实现IServiceBehavior拓展机制

    IServiceBehavior接口 描述:提供一种在整个服务内修改或插入自定义拓展机制: 命名空间:  System.ServiceModel.Description程序集:  System.Ser ...

  7. GDAL库——读取图像并提取基本信息

    GDAL库是一个跨平台的栅格地理数据格式库,包括读取.写入.转换.处理各种栅格数据格式(有些特定的格式对一些操作如写入等不支持).它使用了一个单一的抽象数据模型就支持了大多数的栅格数据.这里有GDAL ...

  8. js设计模式

    http://www.csdn.net/article/2011-09-02/303983 阐明JavaScript设计模式.CSDN研发频道对此文进行了整理选取部分内容,供开发者学习.参考. 内容如 ...

  9. tls和ssl

    一个存在于 SSL 3.0 协议中的新漏洞于被披露,通过此漏洞,第三方可以拦截通过采用 SSL 3.0 的服务器传输的重要信息. 问题出在哪里? 与此问题相关的不是 SSL 证书本身,而是进行加密处理 ...

  10. Problem "g++" ("gcc") not found in PATH [ in omnet++ ] ---- 关于OMNeT++软件使用问题

    出现的问题就像下面这样: 解释一下我出现这种情况的背景: 1. 首先安装好了OMNeT++软件,关于OMNeT++软件是否安装成功详见另一篇文章 OMNeT++安装教程 2. 也安装好了GCC编译环境 ...