最近在设计自己的网页,想实现实时显示时间和天气,实时定位,从网上搜索自己实现了一下,如下总结:
实时显示时间:
<!--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浏览器可以显示太阳图标,定位可以到保定, 其他两个浏览器不显示图标,并且定位只是河北地区。
时间及城市天气还有许多其他显示样式,具体可参考该网站:天气代码定制
大家如果有更好的代码希望可以分享给我,谢谢!