网页中插入当前时间和实时天气
在很多网站中,我们都能看到页面中展现的天气和当前时间,他们是怎么做到的呢,其实很简单。话不多说,直接上代码
一:展示当前时间,直接用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,直接复制这段代码到你的页面标签中即可,可自行更改大小。
效果图如下:
搞定!
网页中插入当前时间和实时天气相关推荐
- 在网页中插入时间 自动更新
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 在线播放器 在网页中插入MediaPlayer 兼容IE和FF的代码调试
<!– 在线播放器 在网页中插入MediaPlayer 兼容IE和FF的代码调试 Internet Explorer 和 Netscape 都支持 <embed> 元素,但它不是标准 ...
- 如何在网页中插入多媒体文件
如何在网页中插入多媒体文件 2004-12-28 zeqin 点击: 591 如何在网页中插入多媒体文件 原创 补充: 今天看到img也能播放多媒体:<IMG loop=inf ...
- html中插入音乐播放器,网页中插入音乐播放器WMA 方法有两种:object和embed
网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...
- html 直接播放wma,网页中插入音乐播放器WMA 方法有两种:object和embed
网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...
- 高中计算机表格制作,高中信息技术《在网页中插入表格》说课稿
高中信息技术<在网页中插入表格>说课稿 尊敬的各位评委.各位老师,大家好!我是来自玉林市第一中学的杨晓洁老师,我今天说课的题目是<在网页中插入表格>,本节课我准备从以下几个方面 ...
- 在网页中插入百度地图
在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...
- 在网页中插入百度地图(实例)
步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图 方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...
- html flash 循环播放,在网页中插入flv格式的flash视频怎么让其循环播放_html/css_WEB-ITnose...
求解 在网页中插入flv格式的flash视频怎么让其循环播放 回复讨论(解决方案) 求解 在网页中插入flv格式的flash视频怎么让其循环播放 这个得让flash coder设置flash播放器吧 ...
- 网页中插入javascript的几种方法
网页中插入javascript的方法常见的有两种: 一.直接使用html标记 JavaScript 可以出现在 html的任意地方.使用标记<script>-</script> ...
最新文章
- Silverlight WCF RIA服务(三十四)身份验证、角色、个性化 5
- python中函数的调用_慢步python,编程中函数的概念,python中函数的声明和调用
- Linux sed替换内容中有空格解决办法
- c语言中常见错误总结
- FastDFS部署及测试
- 21适配器模式(Adapter Pattern)
- 一个资深系统管理员的O2O实践(三)
- 《并行计算的编程模型》一3.5 远程内存访问:put和get
- 爬取百度贴吧发帖信息并保存到scv文件中
- 解决高并发(数据库锁机制)
- linux 命令chmod 755的意思
- 记账小程序php开发_微信小程序(应用号)开发实战记账软件实例
- RISC-V架构能否引领物联网时代?
- Win10 系统时间同步失败解决方案
- WebView网页视频统一全屏播放及横竖屏切换
- 深入理解pytorch分布式并行处理工具DDP——从工程实战中的bug说起
- 2016如果你想改变命运,请花几分钟读一下:(网上创业赚钱项目)
- Oracle体系结构VI
- 厂家未结算差价 iPad退款双重标准惹不满
- windows 64使用nasm
热门文章
- 常用代码大全(新手入门必备)
- python调用windows api_python 调用win32 api
- 前端计算机英语单词,解决文件命名,变量命名头皮发麻,单词超多1700个前端专属单词,css常用命名单词【起名字太烦了全背下来内卷吧小伙伴大前端时代来临了】
- java web服务器cpu占用过高的处理 (2014-07-21 17:17:36)
- mysql sql语句面试经典50题_常见的SQL面试题:经典50题(简单)
- linux安全加固-三级等保(一)
- Windows下telnet工具使用
- StringUtil和StringUtils的区别
- 特征选择relief算法介绍
- CorelDRAW——VBA实例篇一个简单的VBA插件