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.dpaoz.com/108
0 评论
2k

发表评论

小灯泡设计

版权申明:本素材由本站发布,用户购买后只有终端使用权,禁止转售和转载

嘿,我来帮您!