HTML5 天气预报 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

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

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

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;
    }
}