- 浏览: 190269 次
- 性别:
- 来自: 上海
文章分类
最新评论
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);
}
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);
}
发表评论
文章已被作者锁定,不允许评论。
-
Bootstrap
2016-03-24 12:22 438http://expo.bootcss.com/ Boot ... -
js中undefined,null,NaN的区别
2015-04-21 11:43 556typeof 返回字符串,有六种可能:"number ... -
jsp自定义标签
2015-04-17 11:06 421自定义标签库并不是 JSP 2 才出现的,JSP 1.1 版中 ... -
get post 误区
2015-04-10 10:52 478众所周知的http请求有两种: get与post: 这两种 ... -
跨域请求
2014-12-19 14:42 616设域名是:http://www.example.com/ 如果 ... -
关于url 编码
2014-12-17 16:35 375一、问题: ... -
SiteMesh框架
2014-04-30 15:34 536SiteMesh框架是OpenSymphony团队开发的一个非 ... -
判断request来自Ajax请求(异步)还是传统请求(同步)
2014-04-08 11:55 858在服务器端判断request来自Ajax请求(异步)还是传统请 ... -
获取所有类型浏览器的高度和宽度
2014-04-03 10:27 735var w=window.innerWidth || docu ... -
正则表达式 语法
2014-03-26 15:39 499/^\s*$/ 匹配空行。 /\d{2}-\d{5}/ ... -
js cookie
2013-09-21 17:34 497在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页 ... -
form/input autocomplete="off"属性(转)
2013-09-17 15:31 1094有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息 ... -
js关于中文的判断
2013-09-16 15:20 535<script language="javas ... -
session超时,处理ajax请求 (转)
2013-09-11 11:17 481文章出处:http://blog.csdn ... -
设置浏览器不缓存
2013-09-09 16:41 465为了指示IE浏览器(客户端)不要缓存页面,服务器端的程序可以编 ... -
freemarker if else 及其获得下标值
2013-08-29 12:27 870<#if x = 1> x is 1 < ... -
<a href='javascript:function()'>
2013-08-20 16:29 939<a href='javascript:function ... -
freemarker操作字符串(很常用)
2013-08-08 17:12 12221、substring(start,end)从一个字符串中截取 ... -
session基础学习
2013-08-07 16:56 5231:理解Session的概念 运行机制: 当一个Session ... -
session失效情况
2013-08-07 16:42 419session死亡发生在以下情况: 1.session的持有 ...
相关推荐
【转盘js全套】是一个关于JavaScript技术的项目,主要涵盖了如何使用JavaScript实现一个完整的转盘抽奖功能。在网页开发中,这种交互式的组件通常用于增加用户参与度和趣味性,例如在电商活动、游戏或者问卷调查中...
在JavaScript中,`setTimeout`是一个非常常用的功能,用于在指定的毫秒数后执行一个函数。然而,当需要传递参数给这个函数时,可能会遇到一些挑战。本文将深入探讨`setTimeout`的参数传递机制,并提供两种常见的解决...
本资源“JavaScript-会转头的动态鱼【源码】”提供了一个实例,帮助学习者理解如何利用JavaScript来创建动态的、具有互动性的元素,比如一条会转头的鱼。下面将详细解析这个主题中的核心知识点。 1. **JavaScript...
要创建这样的效果,我们需要理解JavaScript的基本原理、CSS3的变换以及可能使用到的库,如Three.js或A-Frame。接下来,我们将深入探讨如何实现这个效果。 首先,了解JavaScript的核心概念至关重要。它是一种解释型...
在JavaScript中,我们可以利用requestAnimationFrame或者setTimeout来创建平滑的旋转动画。通过计算旋转角度,改变元素的transform属性,模拟转盘的转动。同时,为了确保抽奖结果的随机性,可以使用Math.random()...
在本文中,我们将深入探讨...通过以上步骤,我们可以构建一个功能完善的JS版大转盘效果,包含指针旋转功能,且兼容大部分手机浏览器。实际开发过程中,可能需要根据具体需求调整细节,但上述要点提供了一个良好的起点。
JS(JavaScript)作为网页开发中的重要脚本语言,被广泛用于实现各种交互效果,其中包括挂盘式图片翻转广告和图片广告轮播。本文将详细讲解这两种广告形式的原理、实现方法以及它们在网页设计中的应用。 一、挂盘式...
这是一个基于JavaScript和CSS3实现的抽奖转盘点餐代码项目,主要应用于网页互动设计,尤其适合餐饮行业的在线点餐系统。HTML5是该项目的核心技术之一,它提供了更丰富的网页交互功能,增强了用户体验。 首先,我们...
【标题】"js 转盘(切换背景图片)" 是一个使用JavaScript实现的交互式转盘功能,通常用于抽奖或展示多样化的内容。这种转盘设计的核心是通过改变背景图片来达到旋转的效果,使得用户能够看到不同的信息或者进行随机...
总的来说,这个H5轮盘转转游戏案例是一个很好的实践项目,它展示了HTML5的动态特性、jQuery的便利性和JavaScript的游戏逻辑设计。对于想要提升H5开发技能的开发者来说,这是一个非常有价值的参考资料。通过分析和...
与传统的`setTimeout`或`setInterval`相比,`requestAnimationFrame`更适合高性能的动画。 总结来说,这个项目通过纯JavaScript实现了3D立体旋转效果,展示了JavaScript和CSS3的强大组合。开发者通过精心设计的代码...
在HTML页面中,我们通常使用`<script>`标签将JavaScript代码插入到页面中,或者将其放在外部的`.js`文件中引用。 创建转盘的核心是CSS样式和JavaScript逻辑。CSS用于定义转盘的外观,包括颜色、形状、尺寸等。我们...
"js计时器数字卡片翻转秒表计时器网页特效"就是一个利用JavaScript实现的动态计时功能,它结合了数字卡片翻转的效果,使得秒表计时更为直观且具有视觉吸引力。这种效果常见于体育竞赛、健身应用或者任何需要实时计时...
在IT行业中,JavaScript(简称js)是一种广泛应用于网页和网络应用开发的脚本语言,尤其在客户端交互方面表现得尤为突出。在这个项目中,“掷骰子 js(骰子翻转)”是一个利用JavaScript实现的简单游戏,它通过模拟...
1. **延迟显示**:为了提供更好的用户体验,我们可以在页面开始加载时延迟显示加载动画,比如使用`setTimeout`。 2. **自定义样式**:你可以根据需求调整`.spinner`的样式,如颜色、大小、边框宽度等,以匹配网站的...
可以使用`requestAnimationFrame`而不是`setTimeout`或`setInterval`来避免不必要的重绘,同时,合理地使用CSS3硬件加速(通过`translate3d(0,0,0)`等方法)也能提高渲染速度。 7. **浏览器兼容性**:考虑到不同的...
setTimeout(switchImage, 3000); // 每3秒切换一次 } switchImage(); // 启动图片切换 }); ``` 总结,"jQuery+CSS3环形旋转切换特效"是通过结合jQuery的事件处理和DOM操作能力,与CSS3的先进动画特性,共同...
在JavaScript(JS)的世界里,实现各种视觉效果是开发者经常面临的挑战之一。"JS环形文字旋转展示特效"就是一种独特且引人注目的技术,它利用了HTML、CSS和JavaScript的组合,来创建出一个动态的文字展示效果,使得...
在JavaScript(简称JS)中,实现定时转换图片的需求通常是用于创建动态效果,比如轮播图、动态展示等。这个任务通常涉及到几个关键知识点:计时器(setTimeout 和 setInterval)、DOM操作(元素选择与修改)以及事件...
- 使用JavaScript/jQuery的定时器(`.setTimeout()`或`.setInterval()`)来控制切换频率。 - 应用`requestAnimationFrame`来优化动画性能,使其更流畅。 - 可能还有对触摸设备的支持,利用`touchstart`、`...