/*var winWidth = document.documentElement.clientWidth||window.innerWidth;
			document.getElementsByTagName("html")[0].style.fontSize = winWidth/(750/100) + 'px';*/
document.getElementsByTagName("html")[0].style.fontSize ='50px'
/**--**/
var obj = {
  //生成环形坐标
  getLocArr: function() {
    var num = this.calibration.length + 1;
    var arr = [];
    var r = $('.box').width() / 2.4;
    var du = 360 / num;
    var Angle = 0; //初始角度
    for (var times = 0; times < num; times++) {
      var hudu = (2 * Math.PI / 360) * (du * times - Angle);
      var x = Math.sin(hudu) * r + r;
      var y = Math.cos(hudu) * r + r;
      arr.push(x + "-" + y);
    }
    return arr;
  },
  //刻度
  calibration: [22, 23, 24, 25, 26, 27, 28],
  //生成刻度
  elFn: function() {
    //深拷贝
    var arr = this.calibration.concat();
    arr.reverse();
    arr.unshift('');
    var xy = this.getLocArr();
    for (var i = 0; i < arr.length; i++) {
      var left = xy[i].split('-')[0];
      var top = xy[i].split('-')[1];
      $('.calibration').append('<span style="left:' + left + 'px;top:' + top + 'px">' + arr[i] + '</span>')
    }
  },
  //设置度数
  setAngle: function(kd) {
    $('.pointer span').html(kd + '℃');
    if(kd==0){
      var s =0
    }else{
      var s = (kd - (obj.calibration[0] - 1)) * (360 / (obj.calibration.length + 1))
    }     
    $('.pointer i').css('transform', 'rotate(' + s + 'deg)')
  }
}
//生成刻度/角度
obj.elFn();
obj.setAngle(0);


//设置摄氏度
$('button').click(function() {
  var kd = $('input').val() || 0;
  if (kd == 0 || kd < obj.calibration[0] || kd > obj.calibration[obj.calibration.length - 1]) {
    alert('请设置正确的温度')
    obj.setAngle(0);
  } else {   
    obj.setAngle(kd);
  }
})