html根据条件显示图片,HTML5 天气预报

天气条件的标识码,显示规定的图片

通过获取到此城市的天气情况,获取到天气条件标识码,给定当前的天气情况,显示为对应标识码的图片。

function setImage(code, image) {

image.src = "http://box.hubwiz.comimg/";

switch (parseInt(code)) {

case 0:

image.src += "images/icons/Tornado.svg"

break;

case 1:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 2:

image.src += "images/icons/Wind.svg"

break;

case 3:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 4:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 5:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 6:

image.src += "images/icons/Cloud-Rain-Alt.svg"

break;

case 7:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 8:

image.src += "images/icons/Cloud-Drizzle-Alt.svg"

break;

case 9:

image.src += "images/icons/Cloud-Drizzle-Alt.svg"

break;

case 10:

image.src += "images/icons/Cloud-Drizzle-Alt.svg"

break;

case 11:

image.src += "images/icons/Cloud-Drizzle-Alt.svg"

break;

case 12:

image.src += "images/icons/Cloud-Drizzle-Alt.svg"

break;

case 13:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 14:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 15:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 16:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 17:

image.src += "images/icons/Cloud-Hail-Alt.svg"

break;

case 18:

image.src += "images/icons/Cloud-Hail-Alt.svg"

break;

case 19:

image.src += "images/icons/Cloud-Hail-Alt.svg"

break;

case 20:

image.src += "images/icons/Cloud-Fog.svg"

break;

case 21:

image.src += "images/icons/Cloud-Fog.svg"

break;

case 22:

image.src += "images/icons/Cloud-Fog.svg"

break;

case 23:

image.src += "images/icons/Cloud-Fog.svg"

break;

case 24:

image.src += "images/icons/Wind.svg"

break;

case 25:

image.src += "images/icons/Thermometer-Zero"

break;

case 26:

image.src += "images/icons/Cloud.svg"

break;

case 27:

image.src += "images/icons/Cloud-Moon.svg"

break;

case 28:

image.src += "images/icons/Cloud.svg"

break;

case 29:

image.src += "images/icons/Cloud-Moon.svg"

break;

case 30:

image.src += "images/icons/Cloud-Sun.svg"

break;

case 31:

image.src += "images/icons/Moon.svg"

break;

case 32:

image.src += "images/icons/Sun.svg"

break;

case 33:

image.src += "images/icons/Moon.svg"

break;

case 34:

image.src += "images/icons/Sun.svg"

break;

case 35:

image.src += "images/icons/Cloud-Hail-Alt.svg"

break;

case 36:

image.src += "images/icons/Sun.svg"

break;

case 37:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 38:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 39:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 40:

image.src += "images/icons/Cloud-Rain.svg"

break;

case 41:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 42:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 43:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 44:

image.src += "images/icons/Cloud.svg"

break;

case 45:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 46:

image.src += "images/icons/Cloud-Snow-Alt.svg"

break;

case 47:

image.src += "images/icons/Cloud-Lightning.svg"

break;

case 3200:

image.src += "images/icons/Moon-New.svg"

break;

case 999:

image.src += "images/icons/Compass.svg"

break;

default:

image.src += "images/icons/Moon-New.svg"

break;

}

}