版权声明：本文为博主原创文章，未经博主允许不得转载，转载请注明出处。 https://blog.csdn.net/m0_37482190/article/details/86236134
最近在设计自己的网页，想实现实时显示时间和天气，实时定位，从网上搜索自己实现了一下，如下总结：
实时显示时间：
<!--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+" "+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>
如图示
我用了QQ浏览器、谷歌浏览器和火狐浏览器分别打开验证了一下，发现只有QQ浏览器可以显示太阳图标，定位可以到保定，其他两个浏览器不显示图标，并且定位只是河北地区。
时间及城市天气还有许多其他显示样式，具体可参考该网站：天气代码定制