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

前端技术 2023/09/08 JavaScript

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获取新浪天气接口的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/21865

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案