爆炸的动画特效含倒计时

gdragon_nana

于 2017-08-19 23:23:48 发布

阅读量597

点赞数

本文链接：https://blog.csdn.net/gdragon_nana/article/details/77418140

版权

这段代码展示了如何使用jQuery创建一个包含倒计时的爆炸动画特效。点击按钮后，内容区域将隐藏并开始倒计时，从3秒开始递减，当倒计时结束时，内容中的某部分元素（如图片）会显示出来，营造出爆炸效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

</div>

$(function(){

$(".content").hide();

$(".btn").click(function(){
var time=3;

var set=setInterval(function(){
if(time>0){
$(".boom").text(time-- +"s");
$(".content").show();
$(".content .img2").hide();
}else{
$(".content .img1,p").hide();
$(".content .img2").show();
}
},1000);
})
})

</script>