1.无缝滚动——基础 物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动 offsetLeft: 获取物体的左边距;最大的优点在于可以综合考虑所有影响这个物体位置的因素之后,得出来一个最终的结论。 如果仅仅取left,margin就考虑不到; offsetLeft/o ...
分类:
Web程序 时间:
2017-10-15 11:20:01
阅读次数:
139
开启定时器: 两种方式 setInterval(函数名,间隔时间) 间隔型 setTimeout(函数名,间隔时间) 延时型 示例1 <!DOCTYPE HTML><html><head><meta charset = "utf-8"><title>无标题</title><script>functi ...
分类:
Web程序 时间:
2017-10-08 10:08:49
阅读次数:
172
1.定时器:在js里面,定时器主要有两种,setInterval(function, time) 和 setTimeout(function,time), setInterval:每个time秒执行一次函数function setTimeout:time秒后执行函数,仅且只执行一次 对于定时器的定义 ...
分类:
Web程序 时间:
2017-09-17 11:38:37
阅读次数:
188
我们写跑马灯一般都是用js控制定时器不断循环产生,但是定时器消耗比较大,特别是程序中很多用到定时器的时候,感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现,借助t ...
分类:
Web程序 时间:
2017-09-02 12:54:28
阅读次数:
466
在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime); 更多参考鸣谢:htt ...
分类:
Web程序 时间:
2017-08-18 18:46:18
阅读次数:
211
var a = 0; //间隔执行 var b = setInterval(function(){ console.log(a++); if(a>5){ clearInterval(b); } },500); //延时执行 var c = setTimeout(function(){ alert(a... ...
分类:
Web程序 时间:
2017-07-05 14:21:16
阅读次数:
207
<!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.or ...
分类:
Web程序 时间:
2017-06-17 17:15:18
阅读次数:
325
在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、clearInterval(),本文将围绕这三种函数的用法,来实现定时器的功能,需要的朋友可以过来参考下,喜欢的可以点波 ...
分类:
Web程序 时间:
2017-05-23 11:22:31
阅读次数:
219
我们写跑马灯一般都是用js控制定时器不断循环产生,但是定时器消耗比较大,特别是程序中很多用到定时器的时候,感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现,借助t ...
分类:
Web程序 时间:
2017-05-18 21:28:49
阅读次数:
343