实时显示日期、时间、城市天气（HTML+JS）

鲲志说

发布于 2025-04-07 11:02:59

2.1K00

代码可运行

运行总次数：0

代码可运行

最近在设计自己的网页，想实现实时显示时间和天气，实时定位，从网上搜索自己实现了一下，如下总结：

实时显示时间：

		<!--setInterval实时显示时间-->
<body>
		<span id="time"></span>
</body>
<script>
    function mytime(){
        var a = new Date();
        var b = a.toLocaleTimeString();
        var c = a.toLocaleDateString();
        document.getElementById("time").innerHTML = c+"&nbsp"+b;
        }
    setInterval(function() {mytime()},1000);
</script>

时间显示为：年月日时分秒

setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。

实时显示时间、城市天气：

<iframe name="weather_inc" 
	src="http://i.tianqi.com/index.php?c=code&id=7" 
	style="border:solid 1px #7ec8ea" 
	width="220" height="90" frameborder="0" 
	marginwidth="0" marginheight="0" scrolling="no">
</iframe>

如图示