103 lines
2.9 KiB
JavaScript
103 lines
2.9 KiB
JavaScript
// 天气组件交互
|
||
//晴天
|
||
$('#weather-01').click(function () {
|
||
ue4("setWeather", {"TypeCode": '001'})
|
||
})
|
||
// 多云
|
||
$('#weather-02').click(function () {
|
||
ue4("setWeather", {"TypeCode": '002'})
|
||
})
|
||
//雨天
|
||
$('#weather-03').click(function () {
|
||
ue4("setWeather", {"TypeCode": '003'})
|
||
})
|
||
//雪天
|
||
$('#weather-04').click(function () {
|
||
ue4("setWeather", {"TypeCode": '004'})
|
||
})
|
||
let animateWeatcherLock = true;
|
||
let weatherControlButt = $(".weather-open")
|
||
let weatherBox = $('#weather-box')
|
||
weatherControlButt.click(function () {
|
||
if (animateWeatcherLock) {
|
||
animateWeatcherLock = false
|
||
let isOpen = $('.weather-box').css('bottom')
|
||
if (isOpen === '0px') {
|
||
weatherBox.animate({bottom: -500 + 'px',}, 500);
|
||
$("#weather-open1").fadeIn()
|
||
$("#weather-open2").fadeOut()
|
||
} else {
|
||
weatherBox.animate({bottom: 0 + 'px',}, 500);
|
||
$("#weather-open2").fadeIn()
|
||
$("#weather-open1").fadeOut()
|
||
}
|
||
animateWeatcherLock = true
|
||
|
||
}
|
||
})
|
||
// 天气滑块锁
|
||
let canMove = false
|
||
let weather_slide = $('#weather-slide')
|
||
let old_left;
|
||
let old_position_left;
|
||
weather_slide.mousedown(function (event) {
|
||
//获取鼠标按下的时候左侧偏移量和上侧偏移量
|
||
old_left = event.pageX;//左侧偏移量
|
||
//获取鼠标的位置
|
||
old_position_left = $(this).position().left;
|
||
canMove = true
|
||
mouseMoveHandler()
|
||
});
|
||
|
||
// 天气滑块操作
|
||
function mouseMoveHandler() {
|
||
//鼠标移动
|
||
$(document).mousemove(function (event) {
|
||
if (!canMove) {
|
||
return false
|
||
}
|
||
var new_left = event.pageX;//新的鼠标左侧偏移量
|
||
//计算发生改变的偏移量是多少
|
||
var chang_x = new_left - old_left;
|
||
//计算出现在的位置是多少
|
||
var new_position_left = old_position_left + chang_x;
|
||
if (new_position_left > 220 - weather_slide.width()) {
|
||
new_position_left = 220 - weather_slide.width();
|
||
}
|
||
if (new_position_left < 0) {//左边的偏移量小于0的时候设置 左边的位置为0
|
||
new_position_left = 0;
|
||
}
|
||
weather_slide.css({
|
||
left: new_position_left + 'px',
|
||
})
|
||
let res = parseInt(new_position_left / (220 - weather_slide.width()) * 1400) + 1000
|
||
res = (Array(4).join('0') + res).slice(-4)
|
||
console.log(res)
|
||
ue4("setTime", {"TimeCode": res});
|
||
});
|
||
$(document).mouseup(function () {
|
||
canMove = false
|
||
$(document).off("mousemove");
|
||
})
|
||
}
|
||
|
||
//获取当前ue4的时间 类型：0-2400
|
||
function getUe4Time(e) {
|
||
let _time = e.time
|
||
if (_time > 2400) {
|
||
_time = 2400
|
||
}
|
||
if (_time < 0) {
|
||
_time = 0
|
||
}
|
||
let left = parseInt(_time / 2400 * 220)
|
||
weather_slide.css('left', left + 'px')
|
||
}
|
||
|
||
getUe4Time({time: 1200})
|
||
|
||
|
||
//ue4调用js 未使用，无返回值
|
||
ue.interface.setFPS = function (fps) {
|
||
|
||
} |