setInterval对某个数值加加渐减

最新推荐文章于 2021-11-27 19:49:34 发布

原创最新推荐文章于 2021-11-27 19:49:34 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的动画效果，通过设置定时器改变元素的透明度，实现淡入淡出的效果。包括淡入过程和淡出过程的详细代码解析。

decrease_time = setInterval(decrease_opacity_val,10);
function decrease_opacity_val(){
	showID.style.opacity = showID.style.opacity - 0.01;	
	if(showID.style.opacity == 0)
	{
		clearInterval(decrease_time);
		showID.style.display = "none";
		showID.style.opacity = "";
		
		
		leftID.style.display = "block";
		leftID.style.opacity = 0;

		increase_time = setInterval(increase_opacity_val,10);
	}
}


function increase_opacity_val(){
//加加需要使用parseFloat转换
	leftID.style.opacity = parseFloat(leftID.style.opacity) + 0.01;	
	if(leftID.style.opacity == 1)
	{
		clearInterval(increase_time);
		leftID.style.opacity = "";
	}

}