天气预报24小时实时查询 (天气预报24小时实时查询明天)

欢迎使用我们的天气预报 24 小时实时查询服务。该服务提供来自世界各地不同城市、地区和国家的准确的天气预报信息。

如何使用

1. 在下面的搜索栏中输入您想要查询的天气地点。
2. 点击 "搜索" 按钮，获取該地點的天气预报信息。
3. 查看天气预报，了解未来 24 小时的天氣狀況、溫度、降水概率等信息。

搜索栏

天气预报

js // script.js const searchForm = document.querySelector('form'); const locationInput = document.querySelector('location'); const weatherForecast = document.querySelector('weather-forecast');const apiKey = 'YOUR_API_KEY';const fetchWeatherData = (location) => {const url = `${location}&appid=${apiKey}&units=metric`;fetch(url).then(response => response.json()).then(data => {let output = `

${data.city.name}, ${data.city.country}

`;data.list.forEach(item => {const date = new Date(item.dt 1000);const hour = date.getHours();const temperature = item.main.temp;const weatherDescription = item.weather[0].description;const weatherIcon = `${item.weather[0].icon}@2x.png`;output += `
• ${hour}:00
  ${temperature}°C
  ${weatherDescription}
`;});output += '

';weatherForecast.innerHTML = output;}).catch(error => {console.log(error);alert('无法获取天气信息，请稍后再试。');}); };searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = locationInput.value;if (!location) {alert('请输入一个地点。');return;}fetchWeatherData(location); });