分析js开发中none与block之间的交替展示
来源：爱站网时间：2020-06-20编辑：网友分享
开发项目的时候，不管是开发页面效果还是开发功能，只要我们的思路清晰，操作起来一定得心应手，本文是爱站技术频道小编为大家带来的分析js开发中none与block之间的交替展示，希望大家能了解下文的介绍。
开发项目的时候，不管是开发页面效果还是开发功能，只要我们的思路清晰，操作起来一定得心应手，本文是爱站技术频道小编为大家带来的分析js开发中none与block之间的交替展示，希望大家能了解下文的介绍。
还是先上代码：
html部分：
//是不是很熟悉啊
javascript部分：
window.onload=function(){
var obj=document.getElementById("showZone");
var timer=null;
obj.onclick=function(){
var i=0;
clearInterval(timer);
timer=setInterval(function(){
obj.style.display=i++%2?"none":"block";//还是有收获的，这个写法比if..else想必简单了好多
i>8&&clearInterval(timer);//这个短路用的经典啊
},80);
};
};
虽然原理上简单，但是前辈的代码比我个人编写的代码要简单太多了，还是很有收获的。
以上就是分析js开发中none与block之间的交替展示，相信大家都学习的差不多了，更多的专业资讯，尽在爱站技术频道，我们需要多多学习。
