`
dcdc723
  • 浏览: 183500 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

window.setInterval 与 window.setTimeout的区别

jQueryXHTMLHTML 
阅读更多 

用setTimeout实现的自动变化显示随机数的效果: 

<html> 
<head> 
<script> 
window.onload=sett; 
function sett() 
{ 
document.body.innerHTML=Math.random(); 
setTimeout("sett()",500); 
} 
</script> 
</head> 
<body> 
</body> 
</html> 


[setInterval] 
setInterval(表达式,交互时间) 
则不一样,它从载入后,每隔指定的时间就执行一次表达式 

用setInterval实现的自动变化显示随机数的效果: 

<html> 
<head> 
<script> 
function sett() 
{ 
document.body.innerHTML=Math.random(); 
} 
setInterval("sett();", 500);  
</script> 
</head> 
<body> 
</body> 
</html> 


Jquery中的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=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="jquery.js"></script>
 <script language="javascript">
$(function()
{

$.extend({   
   show:function(){   
   $("#test").html(Math.random());
   }   
}); 
		  setInterval("$.show()",300);
})
 </script>
</head>
<body>
<div id='test'></div>
</body>
</html>
分享到：
| ajax 与 php 简单聊天室
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    精解window.setTimeout()window.setInterval()使用方式与参数传递问题！

    这是我们常常会使用方法setInterval或setTimeout，但是由于这两个方法是由脚本宿主模拟出来的Timer线程，在通过其调用我们的方法是不能为其传递参数。 我们常用的使用场景是： 代码如下:window.setTimeout(...

    精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题！

    精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！

    js实现秒表以及进度条.md

    1）window.setInterval(函数名称，时间)；//间隔定时器（反复调用），时间的单位是毫秒 2）window.clearInterval(定时器的返回值)；停止定时器 3）window.setTimeout(函数名称，时间)//延时定时器，执行一次 4）...

    Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)

    定时执行：var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid); 举例说明： A.当要执行的方法中不需要参数时 代码如下: [removed] //循环执行，每隔3秒钟执行一次showalert（） ...

    JavaScript window.setTimeout() 的详细用法

    setInterval与setTimeout的区别 说道setTimeout，很容易就会想到setInterval，因为这两个用法差不多，但是又有区别，今天一起总结了吧！ setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或...

    JavaScript SetInterval与setTimeout使用方法详解

    不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。区别：window.setTimeout(“function”,time)；//设置一个...

    【JavaScript源代码】vue实现简易计时器组件.docx

    　window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。　在Javascript中，代码一般都是同步执行的，但定时器却是异步执行的。　window.setTimeout(callback,delay); //...

    Javascript DHTML 实例编程（教程）（四）初级实例篇2—动画

    语法皆是window.setTimeout(fn, delay), window.setInterval(fn, delay) fn可以是一个函数名，也可以是一个执行的字符串，但要注意的是，如果fn是一个可以执行的字符串，且有参数，如window.setInterval(...

    计时器倒计时

    js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeo...

    JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

    废话不多说了，直接给大家贴代码了。 // 每隔五秒定时刷新当前窗口 setTimeout("self.location.reload();",5000); //js 定时关闭窗口(ie和FF中测试过)...window.setTimeout()和window.setInterval。其中前者可以使一段

    跟我学习javascript的定时器

    window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： ...

    理解javascript定时器中的setTimeout与setInterval

    var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID, 此ID随后可以用来作为window.clearTimeout方法的...

    javascript常用对象梳理

    熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法...

    使用自定义setTimeout和setInterval使之可以传递参数和对象参数

    /****************************************************** // // 功能: 修改window.setTimeout,使之可以传递参数和对象参数 // 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n) // ******************...

    VUE中setTimeout和setInterval自动销毁案例

    在Vue的大型单页应用中，在某个路由下，经常会出现需要延迟执行（setTimeout)或者间隔之心（setInterval）的函数，但是每次在页面destroy之前，都必须手动清理掉。 正常代码如下： beforeDestroy() { this._timer ...

    Js定时任务

    var t1 = window.setTimeout(function() { console.log(‘1秒钟之后执行了’) },1000) window.clearTimeout(t1) // 去除定时器 2- 重复执行(间歇定时器) var t2 = window.setInterval(function() { console.log(‘每...

    jQuery setTimeout()函数使用方法

    setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#...

    JavaScript权威指南

    Window Control Methods Section 13.9. The Location Object Section 13.10. The History Object Section 13.11. Multiple Windows and Frames Chapter 14. The Document Object Section 14.1. ...

    javascript中SetInterval与setTimeout的定时器用法

    示例一： 查看演示 下载源码 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数...var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var t

    JavaScript中的定时器之Item23的合理使用

    window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： ...

Magicbox
Global site tag (gtag.js) - Google Analytics