jQuery仿直播点赞喷射特效,简单特效~

很喜欢头条,直播一些点赞喷射的效果,简单找了些素材做了一下,简化版的,先留着,后面想做到手机端上的主题

  1. <script type="text/javascript">
  2. var timeStart,timeEnd,time;//申明全局变量
  3. function getTimeNow()//获取此刻时间
  4. {
  5. var now=new Date();
  6. return now.getTime();
  7. }
  8. function holdDown()//鼠标按下时触发
  9. {
  10. timeStart=getTimeNow();//获取鼠标按下时的时间
  11. time=setInterval(function()//setInterval会每100毫秒执行一次
  12. {
  13. navigator.vibrate(1000);
  14. var x = 100;
  15. var y = 400;
  16. var num = Math.floor(Math.random() * 30 + 1);
  17. var index=$('.demo').children('img').length;
  18. var rand = parseInt(Math.random() * (x - y + 1) + y);
  19. $(".demo").append("<img src=''>");
  20. $('img:eq(' + index + ')').attr('src','pimg/'+num+'.png');
  21. $("img").animate({
  22. bottom:"400px",
  23. opacity:"0",
  24. left: rand,
  25. },3000) timeEnd=getTimeNow();//也就是每100毫秒获取一次时间
  26. if(timeEnd-timeStart>6000)//如果此时检测到的时间与第一次获取的时间差有1000毫秒
  27. {
  28. clearInterval(time);//便不再继续重复此函数 (clearInterval取消周期性执行)
  29.    
  30. }
  31. },100);
  32. }
  33. function holdUp()
  34. {
  35. clearInterval(time);//如果按下时间不到1000毫秒便弹起,
  36. }
  37. </script>
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/108
0 评论
3.1k

发表评论

小灯泡设计

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

!