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

最新推荐文章于 2025-03-07 17:14:58 发布

鲲志说

最新推荐文章于 2025-03-07 17:14:58 发布

阅读量1.9w

点赞数 13

分类专栏：前端文章标签：实时显示日期、时间、城市天气（HTML+JS）前端实时显示日期、时间、城市天气

本文链接：https://blog.csdn.net/m0_37482190/article/details/86236134

版权

前端专栏收录该内容

25 篇文章

订阅专栏

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

实时显示时间：

		<!--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>