js获取新浪天气接口的实现代码


Posted in Javascript onJune 06, 2016

js获取新浪天气接口的实现代码

<!doctype html>
<html class="no-js fixed-layout">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>天气</title>
</head>
<body>
<div class="top-tool">
  <span id="sj"></span><span id="weather"><img width="16px" height="16px" src=""></span>
   <form action="/Search" method="get" id="qform" class="search-form" style="text-align:right;display:inline;float:right;padding-right:10px;" target="_blank">
    <span class="round">
    <input name="keywords" id="q" tabindex="1" class="input-key search-q ac_input" value="" maxlength="100" autocomplete="off">
    </span> <span class="button">
    <input type="submit" tabindex="2" id="su" value="搜  索" class="ui-btn" style="padding: 0px 5px;">
    </span> 
   </form>
</div>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    function showLocale(objD) {
      var str, colorhead, colorfoot;
      var yy = objD.getYear();
      if (yy < 1900) yy = yy + 1900;
      var MM = objD.getMonth() + 1;
      if (MM < 10) MM = '0' + MM;
      var dd = objD.getDate();
      if (dd < 10) dd = '0' + dd;
      var hh = objD.getHours();
      if (hh < 10) hh = '0' + hh;
      var mm = objD.getMinutes();
      if (mm < 10) mm = '0' + mm;
      var ss = objD.getSeconds();
      if (ss < 10) ss = '0' + ss;
      var ww = objD.getDay();
      if (ww == 0) colorhead = "";
      if (ww > 0 && ww < 6) colorhead = "";
      if (ww == 6) colorhead = "";
      if (ww == 0) ww = "星期日";
      if (ww == 1) ww = "星期一";
      if (ww == 2) ww = "星期二";
      if (ww == 3) ww = "星期三";
      if (ww == 4) ww = "星期四";
      if (ww == 5) ww = "星期五";
      if (ww == 6) ww = "星期六";
      colorfoot = ""
      str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;
      return (str);
    }
    function tick() {
      var today;
      today = new Date();
      document.getElementById("sj").innerHTML = showLocale(today);
      window.setTimeout("tick()", 1000);
    }
    tick();


    function findWeather() {
      var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';
      $.getScript(cityUrl, function (script, textStatus, jqXHR) {
        var citytq = remote_ip_info.city; // 获取城市

        citytq = "郑州";
        var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";
        $.ajax({
          url: url,
          dataType: "script",
          scriptCharset: "gbk",
          success: function (data) {
            var _w = window.SWther.w[citytq][0];
            var _f = _w.f1 + "_0.png";
            if (new Date().getHours() > 17) {
              _f = _w.f2 + "_1.png";
            }
            var img = "<img width='16px' height='16px' src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/" + _f
        + "' />";
            var tq = "今日天气 : " + citytq + " " + img + " " + _w.s1 + " " + _w.t1 + "℃~" + _w.t2 + "℃ " + _w.d1 + _w.p1 + "级";
            $('#weather').html(tq);
          }
        });
      });
    }
    findWeather()
  </script>
</body>
</html>

以上这篇js获取新浪天气接口的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 模式设计之工厂模式学习心得
Apr 27 Javascript
jquery下利用jsonp跨域访问实现方法
Jul 29 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 Javascript
jQuery简单实现网页选项卡特效
Nov 24 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
JavaScrip数组删除特定元素的几种方法总结
Sep 06 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
vue响应式系统之observe、watcher、dep的源码解析
Apr 09 Javascript
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
浅谈Sublime Text 3运行JavaScript控制台
Jun 06 #Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 #Javascript
浅谈String.valueOf()方法的使用
Jun 06 #Javascript
深入理解JavaScript单体内置对象
Jun 06 #Javascript
基于JS实现省市联动效果代码分享
Jun 06 #Javascript
对象转换为原始值的实现方法
Jun 06 #Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 #Javascript
You might like
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
PHP常用字符串函数小结(推荐)
2018/08/05 PHP
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
循环 vs 递归浅谈
2013/02/28 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
jQuery的extend方法【三种】
2016/12/14 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
浅谈Python单向链表的实现
2015/12/24 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
Django框架实现的普通登录案例【使用POST方法】
2019/05/15 Python
Python实现时间序列可视化的方法
2019/08/06 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
大学生新闻专业个人自我评价
2013/11/12 职场文书
安全教育心得体会
2013/12/29 职场文书
写给女生的道歉信
2014/01/08 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
学习教师法的心得体会
2014/09/03 职场文书
学校政风行风整改方案
2014/10/25 职场文书
同乡会致辞
2015/07/30 职场文书
手术室消毒隔离制度
2015/08/05 职场文书