(一)、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. quick-x 2.2.5 DragonBones 某些fla导出使用后player卡死

    1 2 3 4 5 6 7 8 9 10 11     --test 龙骨   self._db = dragonbones.new({             skeleton="game ...

  2. 005 列表以及append,extend方法

    定义一个列表: number=[,'changhao','常浩',5.2] 往这个列表里面添加单一新值(类型无限制),需要使用append方法. 例如: number.append() number. ...

  3. ps 网页配图设计

    网站配图设计 蒙太奇 品科软件---网页页面 1橡皮擦来画两图 容合 大橡皮擦擦出来自然 2图放到一个色块中 用剪贴蒙版 3调色阶 装饰下图片  矩形工具  形状  填充 画彩条 超出本框的怎么去掉多 ...

  4. css多行文本居中

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Android studio Debug效率提升

    Android studio Debug效率提升,可以在控制台打印log的同时而不暂停程序的运行,尤其是当遇到复杂交互的时候,比如滑动,拖动,这时候程序暂停执行是特别恶心的.其实你可以更新打印信息而不 ...

  6. LFS,编译自己的Linux系统 - 前言

    近期工作计划:1. 上班时,用Django编写一个网站:2. 下班时,用C#.WPF编写一个单机版应用软件:3. 其他时间,根据LFS编译自己的Linux系统. LFS是一本书,书中列出了从零开始编译 ...

  7. 期末考试--nyoj-757

    期末考试 时间限制:1000 ms  |  内存限制:65535 KB 难度:2 描述 马上就要考试了,小T有许多作业要做,而且每个老师都给出来了作业要交的期限,如果在规定的期限内没 交作业就会扣期末 ...

  8. Oracle EBS-SQL (PO-13):检查报价单.sql

    select          pha.segment1                     报价单号     -- ,pha.end_date     -- ,decode(pha.status ...

  9. hibernate连接时指定编码方式 hibernate中文乱码问题

    <property name="connection.url">jdbc:mysql://localhost:3306/cms?useUnicode=true& ...

  10. 【Java之】多线程学习笔记

    最近在学习thinking in java(第三版),本文是多线程这一章的学习总结. --------------------------------------------------------- ...