* {
margin: 0;
padding: 0;
font-size: 14px;
font-family: "微软雅黑";
}
setInterval(change, 5);
function change() {
var p1 = document.getElementById('p1');
var p2 = document.getElementById('p2');
var p3 = document.getElementById('p3');
var p4 = document.getElementById('p4');
var x = parseInt(p1.style.width);
console.log(x);
if (x<200) {
x++;
}
p1.style.width = x + "px";
if (x =="200") {
var y = parseInt(p2.style.height);
if (y<200) {
y++;
}
p2.style.height = y + "px";
}
if (y == "200") {
var z = parseInt(p3.style.width);
if (z < 200) {
z++;
}
p3.style.width = z + "px";
}
}