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 相关文章推荐
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
微信小程序 less文件编译成wxss文件实现办法
Dec 05 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
Jquery Fade用法详解
Nov 06 jQuery
关于React Native 无法链接模拟器的问题
Jun 21 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代码
2008/04/09 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
纯js代码实现简单计算器
2015/12/02 Javascript
Bootstrap每天必学之弹出框(Popover)插件
2016/04/25 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
vue params、query传参使用详解
2017/09/12 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
2020/09/02 Javascript
python随机生成指定长度密码的方法
2015/04/04 Python
python图像处理之反色实现方法
2015/05/30 Python
python:socket传输大文件示例
2017/01/18 Python
python实现二叉树的遍历
2017/12/11 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
计算机专业自荐信
2013/10/14 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
个人充满哲理的自我评价
2014/02/20 职场文书
开门红主持词
2014/04/02 职场文书
创建文明城市标语
2014/06/16 职场文书
幼儿园大班见习报告
2014/10/31 职场文书