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

实时显示时间：

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

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

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


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>

如图示

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


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

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

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