• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > Jquery中使用setInterval和setTimeout的方法

Jquery中使用setInterval和setTimeout的方法

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了setInterval,setTimeout等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

方法1. 应用jQuery的扩展可以解决这个问题。

区别:

setTimeout()

   从载入后延迟指定的时间去执行一个表达式或者是函数;
      仅执行一次 ;和window.clearTimeout一起使用.

setInterval()

   在执行时,它从载入页面后每隔指定的时间执行 一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.

补充说明:

这两个方法都可以用来实现在一个固定 时间段之后去执行JavaScript。不过两者各有各的应用场景。

方 法

实际上,setTimeout和 setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是 以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的, setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代 码,而setTimeout只执行一次那段代码。

虽然表面上看来setTimeout只能应用在on-off方式的动作上,不过可以通 过创建一个函数循环重复调用setTimeout,以实现重复的操作:

一旦调 用了这个函数,那么就会每隔5秒钟就显示一次时间。如果使用setInterval,则相应的代码如下所示:

这两种方法可能看起来非常像,而且显 示的结果也会很相似,不过两者的最大区别就是,setTimeout方法不会每隔5秒钟就执行一 次showTime函数,它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这意味着 如果showTime函数的主体部分需要2秒钟执行完,那么整个函数则要每7秒钟才执行一次。 而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行 一次那个函数。

如果要求在 每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想 由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处 理时间,那么最好使用setTimeout。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • setInterval与clearInterval的使用示例代码
  • setInterval,setTimeout与jquery混用的问题
  • Jquery中使用setInterval和setTimeout的方法
  • 关于setInterval、setTimeout在jQuery中的使用注意事项
  • jquery的定时器setTimeout()与定时循环执行器setInterval()的区别

相关文章

  • bootstrap与Jquery UI 按钮样式冲突的解决办法
  • 详解Jquery 遍历数组之$().each方法与$.each()方法介绍
  • iframe子页面获取父页面元素的方法
  • jQuery焦点图左右转换效果
  • jquery中的过滤操作详细解析
  • jQuery iScroll.js 移动端滚动条美化插件第1/5页
  • jQuery学习笔记之 Ajax操作篇(三) - 过程处理
  • JQuery的ON()方法支持的所有事件罗列
  • jQuery获取元素父节点的方法
  • jquery实现鼠标悬浮停止轮播特效

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery的ajax和getJson跨域获取json数据的实现方法
    • jQuery.form插件的使用及跨域异步上传文件
    • Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
    • JQuery基础语法小结
    • 基于JQuery的asp.net树实现代码
    • jquery zTree异步加载、模糊搜索简单实例分享
    • jQuery中的siblings用法实例分析
    • jquery图片滚动放大代码分享(2)
    • 基于jquery的一行代码轻松实现拖动效果
    • jquery.simple.tree插件 更简单,兼容性更好的无限树插件

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有