实时获取天气，时间，点击切换背景_前端获取天气

实时获取天气

首先，写一个div

<div class="time"></div>

然后，引入所需js

<script src="https://pv.sohu.com/cityjson?ie=utf-8" type="text/javascript"></script>

 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

最后，加上如下代码就好啦

  <script>
    var main = this
    jQuery.support.cors = true
    $.ajax({
      url: "http://wthrcdn.etouch.cn/weather_mini",
      type: "GET",
      dataType: "json",
      data: { city: returnCitySN.cname.split("省")[1] }, //(returnCitySN.cname).split('省')[1]：获取所在的市
      success: function (res) {
        //var res=JSON.parse(res);
        main.city = res.data.city //所在城市