- 分隔不同状态的代码
// 让 div 先向左移动,再向下移动,然后向右移动,最后向上移动回到原点,如此循环往复。
var div = document.getElementById("div");
const LEFT = "left",
BOTTOM = "bottom",
RIGHT = "right",
TOP = "top";
var x = 0,
y = 0;
var status = LEFT;
setInterval(function(){
switch(status){
case LEFT:
x++;
if(x >= 200 ) status = BOTTOM;
break;
case BOTTOM:
y++;
if(y >= 200) status = RIGHT;
break;
case RIGHT:
x--;
if(x === 0 ) status = TOP;
break;
case TOP:
y--;
if(y === 0 ) status = LEFT;
break;
}
div.style.left = x + "px";
div.style.top = y + "px";
},16);
- 分隔不同范围的代码
// 根据成绩打印不同信息
var score = 98;
switch(true){
case a >= 90 && a <= 100:
console.log("你的成绩为优秀");
break;
case a >= 70:
console.log("你的成绩为良好");
break;
case a >= 60:
console.log("你的成绩为及格");
break;
default:
console.log("继续加油!");
break;
}
此时需要注意区域划分的顺序。