admin管理员组

文章数量:1442007

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

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

实时显示时间：

代码语言：javascript代码运行次数：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在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码。

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

代码语言：javascript代码运行次数：0运行复制
<iframe name="weather_inc" 
	src=".php?c=code&id=7" 
	style="border:solid 1px #7ec8ea" 
	width="220" height="90" frameborder="0" 
	marginwidth="0" marginheight="0" scrolling="no">
</iframe>

如图示

我用了QQ浏览器、谷歌浏览器和火狐浏览器分别打开验证了一下，发现只有QQ浏览器可以显示太阳图标，定位可以到保定， 其他两个浏览器不显示图标，并且定位只是河北地区。

时间及城市天气还有许多其他显示样式，具体可参考该网站：天气代码定制

大家如果有更好的代码希望可以分享给我,谢谢!

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2025-04-07，如有侵权请联系 cloudcommunity@tencent 删除网站浏览器设计搜索html

本文标签： 实时显示日期时间城市天气（HTMLJS）

版权声明：本文标题：实时显示日期、时间、城市天气（HTML+JS） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1747873023a2768657.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。