setTimeout(code,millisec) //- 在指定时间后执行代码

code必须;

millisec必须;

clearTimeout(setTimeoutId) //- 取消 setTimeout()

setInterval(code,millisec);//指定间隔毫秒内循环执行代码

code必须;

millisec必须;

clearInterval(intervalId);

用setTimeout(code,millisec)可以实现setInterval效果,只需要嵌套调用方法即可;

下面是一个倒计时页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var c=6;
var t;
function timedCount()
{
     var time = document.getElementById('txt').value;
     if( time>0){
        document.getElementById('txt').value=c;
        c=c-1;
        t=setTimeout("timedCount()",1000);
     }
     else{
       clearTimeout(t);
     }
     
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时!" onClick="timedCount()">
<input type="text" id="txt" value="6">
</form>
</body>
</html>

javascript中interval与setTimeOut的区别相关推荐

  1. javascript中children和childNodes的区别

    javascript中children和childNodes的区别 1.childNodes:它是标准属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点. 可以通过nodeType ...

  2. javascript中call和apply的区别

    我理解javascript中call和apply的区别仅在于语法不同. 下例中分别调用call和apply对myObj进行修改,语法不同,但使用效果是一样的: var myObj = { " ...

  3. JavaScript 中 Property 和 Attribute 的区别

    转自:http://www.cnblogs.com/elcarim5efil/p/4698980.html property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(pro ...

  4. JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别

    JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别 一.第一个区别是:安全性 json格式非常受欢迎,而解析json的方式通常用JSO ...

  5. javascript中call和apply的区别和用法

    javascript中call和apply的区别和用法 1.call和apply是什么 更改对象的内部指针指向,即改变对象的this指向的内容 function Fn(){this.name='小明' ...

  6. JavaScript中的nodeName nodeType nodeValue区别

    在JavaScript中,存在有nodeName .nodeType. nodeValue这三个属性,今天我们来了解下JavaScript中的nodeName .nodeType .nodeValue ...

  7. js中setInterval与setTimeout的区别

    一.setInterval与setTimeout的区别 1.setInterval setInterval() 方法可按照指定的周期来调用函数(以毫秒为单位) 语法: setInterval(函数表达 ...

  8. javascript中基本类型和引用类型的区别分析

    大多数人系统学习过的程序设计语言,在这些语言的学习过程中最早学到的几个要点之一就是值类型和引用类型的区别.下面我们来看一下在 JavaScript 中基本数据类型(Primitive Types)和引 ...

  9. javascript中实例方法与类方法的区别

    在javascript中,类有静态属性和实例属性之分,也有静态方法和实例方法之分 类属性(静态属性):通过类直接访问,不需要声明类的实例来访问 类方法(静态方法):通过类直接访问,不需要声明类的实例来 ...

最新文章

  1. ALD对照CVD淀积技术的优势
  2. nrf51822蓝牙芯片ble_app_proximity程序总结
  3. using语句之-释放资源和异常处理
  4. Windows 搭建 .NET 跨平台环境并运行应用程序
  5. 面对亚马逊和谷歌的争夺战,小企业该如何生存?
  6. 【转】nodejs更新mysql数据库信息
  7. 【机器学习】一文理解BP神经网络 附代码
  8. web前端课程设计:个人博客网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web前端设计与开发期末作品
  9. Linux terminal 终端快捷键
  10. 【Android进阶】Android仿淘宝商品浏览滑(拖)动查看详情界面
  11. 为电商而生的知识图谱,如何感应用户需求? 1
  12. Coding life,云栖社区的个性化首页上线
  13. Ubuntu17.0版本 安装firefox浏览器flash插件
  14. SAP PP 空bom 清单及处理
  15. cesium实现流入迁徙图(仿echarts)(着色器)(cesium篇.52)
  16. ccf 行车路线 201712-4
  17. 【android】SSL peer shut down incorrectly
  18. 远程访问本地搭建的个人云盘【无公网IP】
  19. Java PDF转HTML、Word、图片、SVG、XPS、 PDF/A等格式文件
  20. 母亲节礼物之wifi共享精灵

热门文章

  1. 机器学习(一) 基于sklearn库的数据集划分(交叉验证)
  2. linux 安装python-opencv
  3. 分页第一页用0还是1_如何设计api分页
  4. mysql存储过程_Mysql存储过程
  5. python atm银行取款系统_Python实现ATM系统
  6. https://enhancer.io
  7. python全栈学习--day12(函数高级应用-带参数的装饰器,多个装饰器装饰一个函数)...
  8. JMeter测试组件
  9. 理解js中的原型链,prototype与__proto__的关系
  10. 开发工具 快捷键整理