网页中插入当前时间和实时天气

在很多网站中,我们都能看到页面中展现的天气和当前时间,他们是怎么做到的呢,其实很简单。话不多说,直接上代码

一:展示当前时间,直接用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>

二:展示所在地天气 

调用天气的接口API网上有很多,有的比较复杂,这里退出一种简单实用的方法。直接访问以下网址:

http://www.tianqi.com/plugin/

进入后,鼠标下滑,找到天气代码定制。直接按你自己的需求来订制就好。

完成之后会生成相应的内嵌IFRAME,直接复制这段代码到你的页面标签中即可,可自行更改大小。

效果图如下:

搞定!

 

  • 12
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值