`

js setTimeout(转转转)

 
阅读更多
settimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms; 
 setinterval(表达式,交互时间);  单位:ms(毫秒);1s=1000ms; 

  window.settimeout()

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

  window.setinterval()

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

  1,基本用法:

   执行一段代码:  var i=0;

   settimeout("i+=1;alert(i)",1000);

   执行一个函数:

   var i=0;

   settimeout(function(){i+=1;alert(i);},1000);

   //比较上面的两种方法的不同。

   下面再来一个执行函数的:

  var i=0;

  function test(){

    i+=1;

    alert(i);

  }

  settimeout("test()",1000);

  也可以这样:

  settimeout(test,1000);

   总结:

   settimeout的原型是这样的:

   itimerid = window.settimeout(vcode, imilliseconds [, slanguage])

  settimeout有两种形式

  settimeout(code,interval)

  settimeout(func,interval,args)

  其中code是一个字符串

  func是一个函数.

  注重"函数"的意义,是一个表达式,而不是一个语句.

  比如你想周期性执行一个函数

 function a(){

   //...

 }

  可写为

  setinterval("a()",1000)

  或

  setinterval(a,1000)

  这里注重第二种形式中,是a,不要写成a(),切记!!!

  展开来说,不管你这里写的是什么,假如是一个变量,一定是一个指向某函数的变量;假如是个函数,那它的返回值就 要是个函数

  2,用settimeout实现setinterval的功能

  思路很简单,就是在一个函数中调用不停执行自己,有点像递归

  var i=0;

  function xilou(){

    i+=1;

    if(i>10){alert(i);return;}

    settimeout("xilou()",1000);

    //用这个也可以

    //settimeout(xilou,1000);

  }

window.setTimeout(func,delay);
func,代表所要执行的函数或代码字符串。
delay,延时参数,单位为毫秒,一秒=1000毫秒。

func中传递的函数或语句有变量输入时,变量的取值以延时后的执行时段时的取值为准,不以代码执行时段的值为准。例如:

代码:

for(var i=1;i<=50;i++)
{
       window.setTimeout("document.write(i)",1000);
}

这样写的意义是在程序执行完1秒后打印50个i,此时程序已执行完,i的取值为"51";
如果要是程序每隔1秒打印一个数,则程序要改写为

代码:

for(var i=1;i<=50;i++)
{
       window.setTimeout("document.write("+i+")",i*1000);
}
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    转盘js全套

    【转盘js全套】是一个关于JavaScript技术的项目,主要涵盖了如何使用JavaScript实现一个完整的转盘抽奖功能。在网页开发中,这种交互式的组件通常用于增加用户参与度和趣味性,例如在电商活动、游戏或者问卷调查中...

    js setTimeout 参数传递使用介绍

    在JavaScript中,`setTimeout`是一个非常常用的功能,用于在指定的毫秒数后执行一个函数。然而,当需要传递参数给这个函数时,可能会遇到一些挑战。本文将深入探讨`setTimeout`的参数传递机制,并提供两种常见的解决...

    JavaScript-会转头的动态鱼【源码】

    本资源“JavaScript-会转头的动态鱼【源码】”提供了一个实例,帮助学习者理解如何利用JavaScript来创建动态的、具有互动性的元素,比如一条会转头的鱼。下面将详细解析这个主题中的核心知识点。 1. **JavaScript...

    js做360度旋转效果

    要创建这样的效果,我们需要理解JavaScript的基本原理、CSS3的变换以及可能使用到的库,如Three.js或A-Frame。接下来,我们将深入探讨如何实现这个效果。 首先,了解JavaScript的核心概念至关重要。它是一种解释型...

    转盘抽奖之指针或转盘旋转抽奖

    在JavaScript中,我们可以利用requestAnimationFrame或者setTimeout来创建平滑的旋转动画。通过计算旋转角度,改变元素的transform属性,模拟转盘的转动。同时,为了确保抽奖结果的随机性,可以使用Math.random()...

    JS版大转盘效果(指针旋转)

    在本文中,我们将深入探讨...通过以上步骤,我们可以构建一个功能完善的JS版大转盘效果,包含指针旋转功能,且兼容大部分手机浏览器。实际开发过程中,可能需要根据具体需求调整细节,但上述要点提供了一个良好的起点。

    JS 挂牌式图片翻转广告 图片广告轮播

    JS(JavaScript)作为网页开发中的重要脚本语言,被广泛用于实现各种交互效果,其中包括挂盘式图片翻转广告和图片广告轮播。本文将详细讲解这两种广告形式的原理、实现方法以及它们在网页设计中的应用。 一、挂盘式...

    js+css3抽奖转盘旋转点餐代码.zip

    这是一个基于JavaScript和CSS3实现的抽奖转盘点餐代码项目,主要应用于网页互动设计,尤其适合餐饮行业的在线点餐系统。HTML5是该项目的核心技术之一,它提供了更丰富的网页交互功能,增强了用户体验。 首先,我们...

    js 转盘(切换背景图片)

    【标题】"js 转盘(切换背景图片)" 是一个使用JavaScript实现的交互式转盘功能,通常用于抽奖或展示多样化的内容。这种转盘设计的核心是通过改变背景图片来达到旋转的效果,使得用户能够看到不同的信息或者进行随机...

    H5 轮盘转转游戏 - 源码案例

    总的来说,这个H5轮盘转转游戏案例是一个很好的实践项目,它展示了HTML5的动态特性、jQuery的便利性和JavaScript的游戏逻辑设计。对于想要提升H5开发技能的开发者来说,这是一个非常有价值的参考资料。通过分析和...

    纯JS模拟flash实现3D立体旋转效果

    与传统的`setTimeout`或`setInterval`相比,`requestAnimationFrame`更适合高性能的动画。 总结来说,这个项目通过纯JavaScript实现了3D立体旋转效果,展示了JavaScript和CSS3的强大组合。开发者通过精心设计的代码...

    javascript 转盘

    在HTML页面中,我们通常使用`&lt;script&gt;`标签将JavaScript代码插入到页面中,或者将其放在外部的`.js`文件中引用。 创建转盘的核心是CSS样式和JavaScript逻辑。CSS用于定义转盘的外观,包括颜色、形状、尺寸等。我们...

    js计时器数字卡片翻转秒表计时器网页特效

    "js计时器数字卡片翻转秒表计时器网页特效"就是一个利用JavaScript实现的动态计时功能,它结合了数字卡片翻转的效果,使得秒表计时更为直观且具有视觉吸引力。这种效果常见于体育竞赛、健身应用或者任何需要实时计时...

    掷骰子 js(骰子翻转)

    在IT行业中,JavaScript(简称js)是一种广泛应用于网页和网络应用开发的脚本语言,尤其在客户端交互方面表现得尤为突出。在这个项目中,“掷骰子 js(骰子翻转)”是一个利用JavaScript实现的简单游戏,它通过模拟...

    页面加载 带旋转特效的js代码

    1. **延迟显示**:为了提供更好的用户体验,我们可以在页面开始加载时延迟显示加载动画,比如使用`setTimeout`。 2. **自定义样式**:你可以根据需求调整`.spinner`的样式,如颜色、大小、边框宽度等,以匹配网站的...

    JavaScript实战项目之3D旋转相册

    可以使用`requestAnimationFrame`而不是`setTimeout`或`setInterval`来避免不必要的重绘,同时,合理地使用CSS3硬件加速(通过`translate3d(0,0,0)`等方法)也能提高渲染速度。 7. **浏览器兼容性**:考虑到不同的...

    jQuery+CSS3环形旋转切换特效JS代码

    setTimeout(switchImage, 3000); // 每3秒切换一次 } switchImage(); // 启动图片切换 }); ``` 总结,"jQuery+CSS3环形旋转切换特效"是通过结合jQuery的事件处理和DOM操作能力,与CSS3的先进动画特性,共同...

    JS环形文字旋转展示特效.zip

    在JavaScript(JS)的世界里,实现各种视觉效果是开发者经常面临的挑战之一。"JS环形文字旋转展示特效"就是一种独特且引人注目的技术,它利用了HTML、CSS和JavaScript的组合,来创建出一个动态的文字展示效果,使得...

    js定时间转换图片

    在JavaScript(简称JS)中,实现定时转换图片的需求通常是用于创建动态效果,比如轮播图、动态展示等。这个任务通常涉及到几个关键知识点:计时器(setTimeout 和 setInterval)、DOM操作(元素选择与修改)以及事件...

    jquery+js实现图片三维旋转切换

    - 使用JavaScript/jQuery的定时器(`.setTimeout()`或`.setInterval()`)来控制切换频率。 - 应用`requestAnimationFrame`来优化动画性能,使其更流畅。 - 可能还有对触摸设备的支持,利用`touchstart`、`...

Global site tag (gtag.js) - Google Analytics