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

一:展示当前时间,直接用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,直接复制这段代码到你的页面标签中即可,可自行更改大小。

效果图如下:

搞定!

网页中插入当前时间和实时天气相关推荐

  1. 在网页中插入时间 自动更新

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  2. 在线播放器 在网页中插入MediaPlayer 兼容IE和FF的代码调试

    <!– 在线播放器 在网页中插入MediaPlayer 兼容IE和FF的代码调试 Internet Explorer 和 Netscape 都支持 <embed> 元素,但它不是标准 ...

  3. 如何在网页中插入多媒体文件

    如何在网页中插入多媒体文件 2004-12-28    zeqin       点击: 591 如何在网页中插入多媒体文件 原创 补充: 今天看到img也能播放多媒体:<IMG loop=inf ...

  4. html中插入音乐播放器,网页中插入音乐播放器WMA 方法有两种:object和embed

    网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...

  5. html 直接播放wma,网页中插入音乐播放器WMA 方法有两种:object和embed

    网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...

  6. 高中计算机表格制作,高中信息技术《在网页中插入表格》说课稿

    高中信息技术<在网页中插入表格>说课稿 尊敬的各位评委.各位老师,大家好!我是来自玉林市第一中学的杨晓洁老师,我今天说课的题目是<在网页中插入表格>,本节课我准备从以下几个方面 ...

  7. 在网页中插入百度地图

    在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...

  8. 在网页中插入百度地图(实例)

    步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...

  9. html flash 循环播放,在网页中插入flv格式的flash视频怎么让其循环播放_html/css_WEB-ITnose...

    求解 在网页中插入flv格式的flash视频怎么让其循环播放 回复讨论(解决方案) 求解 在网页中插入flv格式的flash视频怎么让其循环播放 这个得让flash coder设置flash播放器吧 ...

  10. 网页中插入javascript的几种方法

    网页中插入javascript的方法常见的有两种: 一.直接使用html标记 JavaScript 可以出现在 html的任意地方.使用标记<script>-</script> ...

最新文章

  1. Silverlight WCF RIA服务(三十四)身份验证、角色、个性化 5
  2. python中函数的调用_慢步python,编程中函数的概念,python中函数的声明和调用
  3. Linux sed替换内容中有空格解决办法
  4. c语言中常见错误总结
  5. FastDFS部署及测试
  6. 21适配器模式(Adapter Pattern)
  7. 一个资深系统管理员的O2O实践(三)
  8. 《并行计算的编程模型》一3.5 远程内存访问:put和get
  9. 爬取百度贴吧发帖信息并保存到scv文件中
  10. 解决高并发(数据库锁机制)
  11. linux 命令chmod 755的意思
  12. 记账小程序php开发_微信小程序(应用号)开发实战记账软件实例
  13. RISC-V架构能否引领物联网时代?
  14. Win10 系统时间同步失败解决方案
  15. WebView网页视频统一全屏播放及横竖屏切换
  16. 深入理解pytorch分布式并行处理工具DDP——从工程实战中的bug说起
  17. 2016如果你想改变命运,请花几分钟读一下:(网上创业赚钱项目)
  18. Oracle体系结构VI
  19. 厂家未结算差价 iPad退款双重标准惹不满
  20. windows 64使用nasm

热门文章

  1. 常用代码大全(新手入门必备)
  2. python调用windows api_python 调用win32 api
  3. 前端计算机英语单词,解决文件命名,变量命名头皮发麻,单词超多1700个前端专属单词,css常用命名单词【起名字太烦了全背下来内卷吧小伙伴大前端时代来临了】
  4. java web服务器cpu占用过高的处理 (2014-07-21 17:17:36)
  5. mysql sql语句面试经典50题_常见的SQL面试题:经典50题(简单)
  6. linux安全加固-三级等保(一)
  7. Windows下telnet工具使用
  8. StringUtil和StringUtils的区别
  9. 特征选择relief算法介绍
  10. CorelDRAW——VBA实例篇一个简单的VBA插件