（一）、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. Python闭包及装饰器

    Python闭包 先看一个例子: def outer(x): def inner(y): return x+y return innder add = outer(8) print add(6) 我们 ...

  2. jQuery图片懒加载lazyload插件

    http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/ js 模板引擎

  3. CodeForces 214B Hometask

    本题求n个数组成的大数,要求是2,3,5的倍数. 因为是2 和5 的倍数,所以个位为 0:所以若n个数中没有0,直接输出-1: 难点就是要求为3 的倍数. 因为若某个数为3的倍数,则其各位数的和必然是 ...

  4. python操作redis-set

    #!/usr/bin/python #!coding: utf-8 import redis if __name__=="__main__": try: conn=redis.St ...

  5. 使用AES加密的帮助类

    在开发中经常使用加密/解密对一些内容进行处理,比如密码在存入数据库之前先经过加密处理等等,这里就把一个加密帮助类代码贴出来,供以后查找使用. 这个帮助类主要功能是对字符串和字节数组进行加密解密处理. ...

  6. 如何自定义MVC控件？

    今天公司要写学习总结,想着想着还是先写一篇关于MVC内部什么东东的博客整理整理再发表吧,一举两得. 之前写过了路由.过滤器等.今天就研究一下怎么自定义MVC控件吧. 本人技术小菜,不喜勿喷.....( ...

  7. 20个Linux命令及Linux终端的趣事

    20个Linux命令及Linux终端的趣事 . 命令:sl (蒸汽机车) 你可能了解 ‘ls’ 命令,并经常使用它来查看文件夹的内容.但是,有些时候你可能会拼写成 ‘sl’ ,这时我们应该如何获得一些 ...

  8. [Leetcode][Python]54: Spiral Matrix

    # -*- coding: utf8 -*-'''__author__ = 'dabay.wang@gmail.com' 54: Spiral Matrixhttps://leetcode.com/p ...

  9. 【LeetCode练习题】Partition List

    Given a linked list and a value x, partition it such that all nodes less than x come before nodes gr ...

  10. [置顶] Ajax核心--XMLHttpRequest对象

    XMLHttpRequest 对象是AJAX功能的核心,学习XMLHttpRequest对象就先从创建XMLHttpRequest 对象开始,了解在不同的浏览器中创建XMLHttpRequest 对象 ...