网页中插入当前时间和实时天气
生活随笔
收集整理的這篇文章主要介紹了
网页中插入当前时间和实时天气
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在很多網(wǎng)站中,我們都能看到頁面中展現(xiàn)的天氣和當(dāng)前時(shí)間,他們是怎么做到的呢,其實(shí)很簡單。話不多說,直接上代碼
一:展示當(dāng)前時(shí)間,直接用js寫入即可
<div class="report"><script>var weekDayLabels = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");var now = new Date();var year=now.getFullYear();var month=now.getMonth()+1;var day=now.getDate()var currentime = '<span class="special">'+year+'年'+month+'月'+day+'日 '+weekDayLabels[now.getDay()]+'</span><br>'document.write(currentime)</script></div>二:展示所在地天氣?
調(diào)用天氣的接口API網(wǎng)上有很多,有的比較復(fù)雜,這里退出一種簡單實(shí)用的方法。直接訪問以下網(wǎng)址:
http://www.tianqi.com/plugin/
進(jìn)入后,鼠標(biāo)下滑,找到天氣代碼定制。直接按你自己的需求來訂制就好。
完成之后會(huì)生成相應(yīng)的內(nèi)嵌IFRAME,直接復(fù)制這段代碼到你的頁面標(biāo)簽中即可,可自行更改大小。
效果圖如下:
搞定!
?
總結(jié)
以上是生活随笔為你收集整理的网页中插入当前时间和实时天气的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [css] 你有用过CSS预处理器吗?
- 下一篇: PS教程第二课:PS安装