- 浏览: 2003662 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (1409)
- asp/asp.net学习 (241)
- oracle (10)
- delphi (295)
- java (27)
- pb (1)
- 每日点滴 (49)
- 学习方法 (40)
- 思想方面 (104)
- C语言 (5)
- C++ (1)
- 代码重构经验 (5)
- 软件工程 (3)
- 数据库 (99)
- 英语学习 (3)
- mysql (1)
- 该关注的网站或者网页 (42)
- 总结 (7)
- 要去做的事情 (33)
- 算法 (1)
- 网络方面 (29)
- 随感 (96)
- 操作系统 (36)
- UML (12)
- 常用工具的使用 (55)
- 脚本 (7)
- 汇编 (62)
- 数据结构 (2)
- 财务 (38)
- 语文作文 (16)
- 法律 (1)
- 股票 (88)
最新评论
-
devwang_com:
可以,学习了~~
列出文件夹下所有文件夹的树形结构--Dos命令 tree的使用 -
hvang1988:
不管用啊 frxrprt1.PreviewForm.Pare ...
fastReport预览时嵌入到别的窗体 -
00915132:
我也有这个疑问,非常 感 谢
left join加上where条件的困惑 --SQL优化 -
zhuyoulong:
学习了,高效读书
软件架构师要读的书 -
nTalgar:
非常感谢分享!
Application.ProcessMessages用法:
转自:http://www.g168.net/html/JspServlet_1/2008/1129/081129916BGKC86CH12CA8B7B90ED_2.html
我在脚本的注释中已经说了这个效果的实现原理,而实现一个效果的关键就是在于运用setTimeout方法和clearTimeout方法。
setTimeout(func,time)
setTimeout是window对象的一个方法,所以如果要是看到这么写window.setTimeout你不要感到奇怪,我们平时一般都省略了window。
setTimeout方法接受两个参数:
func - 在指定时间间隔内要执行的函数;
time - 执行函数的时间间隔(以毫秒为单位,1000毫秒等于1秒)
我一开始没有解释setTimeout的功能,而是先说了两个参数的意思,我想大家看了后就会有所了解,setTimeout的功能就是:设置定时器,在一段时间之后执行指定的代码。
不如本例中的:
setTimeout(anim, o.speed);
也许你有看过类似的写法:
function dosomething(){
// do something
}
setTimeOout('dosomething',1000);
个人建议不要这么写,是这样的代码的可读性太差,虽然也可以正常执行。相信你看到的类似的代码也是很久前的东西了。如果你还在新买的某本书中看到这样的写法,我想你可能很不幸买了本烂书。现在一般我们都这么做:
function whatWeDoNow(){
var str = 'this is what we do now';
if(doalert) {
clearTimeout(doalert)
}
var doalert = setTimeout(function(){
alert(str);
},1000);
}
而且不知道你发现没有,这么写还有一个好处,你的function还可以接受其他的参数,比如这里我们可以接受whatWeDoNow()函数中的局部变量。如果你再结合闭包的使用,好处会更显而易见。
刚才说的一点应该说是一个不好的使用setTimeout的习惯。呵呵,接下来我还要说的一个更不好的使用习惯就是只使用setTimeout()方法,而不使用clearTimeout()方法。
clearTimeout(itimeoutid)
clearTimeout()方法的功能是停止定时器,大家看上面的代码:
clearTimeout(o.scrollTimer);
Timer(定时器),够直接吧。那么为什么要停止定时器?什么时候停止呢?
为什么要停,我想用个反问:能一直不停吗,你的机器受得了吗?这里我想应该说说我们使用setTimeout的目的,我们通常使用它来实现像本例这样的动画效果。需要在很短的时间内连续不断的执行定时器,当然它是要占资源的啊。想想,只是不断的创建,而且往往我们做的处理,在1秒中内会执行很多次函数,一两次还好,上百上千次,而且一个复杂些的动画,执行很短的时间内几万次也不是没有可能事情。你想想,如果我们不在每执行完一次后,销毁它。要是再加上定时器执行的函数又是个比较NB点的运算,你的宝贵的系统资源...,呵呵!
所以应该向我给的例子中那样,记得在每次执行了定时器后停止(销毁,释放资源)它。
function whatWeDoNow(){
var str = 'this is what we do now';
if(doalert) {
clearTimeout(doalert); // clear
}
var doalert = setTimeout(function(){
alert(str);
},1000);
}
if (o.scrollTimer) {
clearTimeout(o.scrollTimer); // clear
}
呵呵,其实销毁的方法很简单,就是在每次创建定时器前,判断是否已经创建了订时器,就像特效例子中的
if (o.scrollTimer) {
clearTimeout(o.scrollTimer); // clear
}
....
....
if (o.scrollHeight % s_area.offsetHeight == 0) {
o.scrollTimer = setTimeout(anim, o.speed);
}
else {
o.scrollTimer = setTimeout(anim, 10);
}
逻辑就是:
是不是一个很流畅的循环?现在大家应该知道了,为什么要clearTimeout和何时clearTimeout了吗?
介绍了大半天的setTimeout和clearTimeout,呵呵,现在可以看看怎么使用这个特效吧,页面代码:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="听海">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="宝贝">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
-
http://www.yaohaixiao.com/" target="_blank" title="因为你">
发表评论
-
关于 字符串中的单引号, 在sql存储过程中的传输总结; 逗号分隔的多个变量提取方法.
2011-10-14 17:49 3350摘自:http://blog.csdn.net/nutia ... -
抓取网站内容 asp.net
2011-10-11 13:28 1001HttpWebRequest myReq ... -
两个DATASET合并成一个新的DATASET
2011-09-28 18:17 2458摘自:http://topic.csdn.net/t/2 ... -
VS设置使用哪个浏览器来调试网页
2011-08-30 16:57 1142摘自:http://zhidao.baidu.com/ques ... -
可使用js获取TREE的CheckBox
2011-08-20 12:32 1044摘自:http://www.uipower.com/bb ... -
正则表达式 验证邮箱
2011-06-02 18:14 2598正则表达式 摘自:http://www.alixixi.com ... -
未能加载程序集 App_Web_vdcnimdz”错误
2011-04-25 17:38 1552问题描述: 自己的一个WebGPS程序,只是拷到了别的 ... -
.net跳到指定错误页面兵显示详细的错误信息
2011-04-14 16:48 1217.net跳到指定错误页面兵显示详细的错误信息 摘自:h ... -
注册*.ocx控件
2011-04-14 11:23 885注册*.ocx控件 问题描述:本地的网站的bin目录下有了个 ... -
C# 读取文本文件的时候出现汉字乱码
2011-04-12 16:01 2333问题描述:C# 使用ReadAllText方法读取文本文件的时 ... -
VS 2008中如何显示代码的行号
2011-04-09 09:51 1184摘自:http://zhidao.baidu.com/ques ... -
VS.NET2008可以使用书签的功能
2011-04-08 17:19 1345摘自:http://blog.csdn.net/lmh_851 ... -
两个类库要添加引用才能使用
2011-04-02 13:57 1115两个类库要添加引用才能使用 ---------------- ... -
缓存 <%@ OutputCache Duration="6000" VaryByParam="none" %>
2011-04-02 10:53 1119在页首添加: <%@ OutputCache Durat ... -
FrameSet的加载顺序
2011-04-02 09:56 3851FrameSet的加载顺序是: (1) mainFrame ... -
Response.AddHeader “P3P”,”CP=CAO PSA OUR”
2011-04-01 18:01 2439摘自:http://my.donews.com/alor ... -
Hashtable 的使用
2011-03-31 09:36 7602011-3-31 Hashtable 的使用: ... -
google地图使用(二)
2011-03-30 10:30 12722011-3-291. 今天客户反映,说GOOGLE地图上的拖 ... -
GOOGLE地图
2011-03-29 18:31 7812011-3-291. 今天客户反映,说GOOGLE地图上的拖 ... -
此组中没有可用的控件 工具箱 vs2008
2011-03-29 09:20 2042问题描述: 此组中没有可用的控件 工具箱 vs2008 ...
相关推荐
不间断滚动图片js代码。利用javascript实现,图片添加到一定条数才会不间断滚动
本资源主要适用于在制作网页中,需要图片浏览的朋友准备的,即使不会JAVSCRIPT也会看懂的,将达到自己所需要的效果,加以修改。
不间断滚动文字 图片 不间断滚动文字 图片
不间断滚动 支持鼠标经过停止 文字图片不间断向下 向上滚动
图片不间断滚动,当鼠标移上停止,鼠标离开继续滚动
网页中图片的不间断上下左右滚动,下载下来改成HTML文件,插入网页内部,把图片改成自己的就行了
js图片不间断滚动代码,常用于网页中的图片
推荐通用文字图片JS不间断滚动封装类 代替Marquee
图片不间断向左滚动,找了一下午,终于找到了!
图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动
Javascript实现图片不间断滚动的代码_.docx
Marquee Scroll通用不间断滚动JS封装类,各种方向滚动,调用十分简单!~
js水平滚动永不间断的广告特效js水平滚动永不间断的广告特效
不间断滚动图片特效打包下载
不间断无缝滚动图片 不间断 无缝 滚动图片效果 js 动态
一个可以代替Marquee走马灯特效的图片滚动封装类,它可控制图片做无缝循环滚动,可以在上下左右四个方面滚动,而且具备丰富自定义设置功能。它的特点: 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊...
js实现鼠标点击 图片无间断横向滚动。效果比较好!
不间断图片左右滚动代码演示,很好用的一个js .可以调试图片以及图片大小 根据自己的需要...
NULL 博文链接:https://xiaocheng.iteye.com/blog/406153
图片不间断向下滚动JS代码