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 评论
2.9k