jQuery仿直播点赞喷射特效,简单特效~
很喜欢头条,直播一些点赞喷射的效果,简单找了些素材做了一下,简化版的,先留着,后面想做到手机端上的主题
- <script type="text/javascript">
- var timeStart,timeEnd,time;//申明全局变量
-
- function getTimeNow()//获取此刻时间
- {
- var now=new Date();
- return now.getTime();
- }
- function holdDown()//鼠标按下时触发
- {
- timeStart=getTimeNow();//获取鼠标按下时的时间
- time=setInterval(function()//setInterval会每100毫秒执行一次
- {
- navigator.vibrate(1000);
- var x = 100;
- var y = 400;
- var num = Math.floor(Math.random() * 30 + 1);
- var index=$('.demo').children('img').length;
- var rand = parseInt(Math.random() * (x - y + 1) + y);
- $(".demo").append("<img src=''>");
- $('img:eq(' + index + ')').attr('src','pimg/'+num+'.png');
- $("img").animate({
- bottom:"400px",
- opacity:"0",
- left: rand,
- },3000) timeEnd=getTimeNow();//也就是每100毫秒获取一次时间
- if(timeEnd-timeStart>6000)//如果此时检测到的时间与第一次获取的时间差有1000毫秒
- {
- clearInterval(time);//便不再继续重复此函数 (clearInterval取消周期性执行)
-
- }
- },100);
- }
- function holdUp()
- {
- clearInterval(time);//如果按下时间不到1000毫秒便弹起,
- }
- </script>
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/108
0 评论
3.1k