function inputNum(evt){
//鐏嫄浣跨敤evt.which鑾峰彇閿洏鎸夐敭鍊硷紝IE浣跨敤window.event.keyCode鑾峰彇閿洏鎸夐敭鍊
var ev = evt.which?evt.which:window.event.keyCode;
if(ev>=48&&ev<=57){
return true;
}else{
return false;
}
}
// 浠g爜鍑虹幇鏁堟灉
function fontShow(){
var index = 0;
var word = $('#word').html();
function type(){
var subWord = word.substring(0, index++);
if(subWord.charAt(subWord.length - 1) == '<'){
subWord = subWord + 'br>'
index += 2
}
$('#showWord').html(subWord)
if(subWord == word){
clearInterval(paraTime)
setTimeout(function(){
$('.hellowWord').fadeIn()
}, 500)
}
}
var paraTime = setInterval(type, 8);
}
// 棣栭〉璺宠浆
$('.demo_more').click(function(){
$('.plate').css("display","none")
$('.second').fadeIn()
fontShow();
})
//缂栬瘧鍚庤烦杞
$('.start').click(function(){
$('.plate').css("display","none");
$('.third').fadeIn();
imgLoad($('.third'))
})
//鍥剧墖鍔犺浇
function imgLoad(imgEl){
imgEl.find('img').each(function(index,el){
var src = $(el).attr('data-src')
$(el).attr("src",src)
})
imgEl.find('.yeBg').each(function(index,el){
var src = $(el).attr('data-src')
$(el).css("background-image","url("+src+")")
})
var src3 = imgEl.attr('data-src')
if(src3){
imgEl.css("background-image","url("+src3+")")
}
}
imgLoad($('.first'));
// 棣栭〉鑿滃崟灞曠ず
$('.menu_first').each(function(index,el){
$(el).click(function(){
var flag = $(this).attr('data-flag')
if(flag == 0){
$(this).siblings('.menu_list_two').slideDown(500)
$(this).attr('data-flag','1')
if(index == 0){
$('.menu_first:eq(1)').css('display','none')
$('.menu_list_two:eq(1)').css('display','none')
}
}else{
$(this).siblings('.menu_list_two').slideUp(500)
$(this).attr('data-flag','0')
if(index == 0){
setTimeout(function(){
$('.menu_first:eq(1)').css('display','flex')
},500)
}
}
});
});
// 棣栭〉鑿滃崟璺宠浆
$('.menu_list_two li').each(function(index,el){
$(this).click(function(){
if(index <= 15){
$('.menu_list_two').fadeOut(100)
$('.menu_first').fadeIn(100)
$('.third').css('display','none')
$('.four').css('display','block')
$('.four > div').css('display','none')
$('.four > div').eq(index).css('display','block')
$('.menu_first').attr('data-flag','0')
imgLoad($('.four > div').eq(index))
if(index == 9){
new Sdate("#Tpick_start",{
acceptId: "#pickDate",
showId:"#timing_move",
hourId:"tiHour",
minId:"tiMin",
secId:"tiSec",
endHour:100
})
}else if(index == 6){
var swiper = new Swiper('.theme_swiper .swiper-container', {
slidesPerView: 2,
paginationClickable: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
}
}else{
alert('寮€鍙戣繘琛屼腑');
}
})
})
//棣栭〉杩愯
$('.third_show > div').each(function(index, el){
$(this).click(function(){
var img1_new = $('.third_move img:eq(0)').attr('data-change')
var img2_new = $('.third_move img:eq(1)').attr('data-change')
var img1_old = $('.third_move img:eq(0)').attr('data-src')
var img2_old = $('.third_move img:eq(1)').attr('data-src')
$('.third_move img:eq(0)').attr('src',img1_new)
$('.moveImg').addClass('activeMove')
setTimeout(function(){
$('.third_move img:eq(1)').attr('src',img2_new)
$('.third_face').eq(index).fadeIn()
},1200)
setTimeout(function(){
$('.third_face').eq(index).find('img').fadeIn()
},1800)
setTimeout(function(){
$('.third_move img:eq(0)').attr('src',img1_old)
$('.third_move img:eq(1)').attr('src',img2_old)
$('.moveImg').removeClass('activeMove')
$('.third_face').eq(index).fadeOut()
$('.third_face img:last-child').fadeOut()
}, 3800);
})
})
//褰撳墠鏃堕棿鏄剧ず
$(function(){
var timeOnly = format((new Date()).valueOf())
$('.timeOnly').text(timeOnly)
setInterval(function(){
var timeOnly = format((new Date()).valueOf())
$('.timeOnly').text(timeOnly)
},1000)
})
function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
var time = new Date(shijianchuo);
var y = time.getFullYear();
var m = time.getMonth()+1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
}
//splash绐楀彛
$('.win_splash_show').on('click','.newBuild',function(){
var newFile = '
'
$(this).parent().after(newFile)
$('.splash_show').each(function(index,el){
var changeLen = (index + 1) * 9
var zIndex = index
$(this).css({"top":changeLen+"px","left":changeLen+"px","z-index":zIndex})
})
})
$('.win_splash_show').on('click','.close',function(){
$(this).parent().remove()
})
//modal绐楀彛
$('.radio_box img').each(function(index,el){
$(this).click(function(){
var flag = $(this).attr('data-flag')
var img_new = $(this).attr('data-change')
var img_old = $(this).attr('data-src')
var select = Number($('.upload').attr('data-select'))
if(flag == '0'){
imgSrc = img_new
select = select+1;
flag = '1'
}else{
imgSrc = img_old
select = select-1;
flag = '0'
}
$(this).attr('src',imgSrc)
$(this).attr('data-flag',flag)
$('.upload').attr('data-select',select)
})
})
$('.upload').click(function(){
var select = Number($('.upload').attr('data-select'))
if(select > 0){
$('.box_wapper').fadeIn()
$('.up_result').fadeIn()
imgLoad($('.up_result'))
}
// var select = Number($('.upload').attr('data-select'))
// var img_new = $('.up_result img').attr('data-change')
// var img_old = $('.up_result img').attr('data-src')
// if(select > 0){
// tip = "涓婁紶鎴愬姛"
// imgSrc = img_old
// }else{
// tip = "璇峰厛閫夋嫨鏂囦欢"
// imgSrc = img_new
// }
// $('.up_result img').attr('src',imgSrc)
// $('.up_result p').text(tip)
// $('.up_result').fadeIn()
})
$('.up_ok').click(function(){
$('.up_result').fadeOut()
$('.box_wapper').fadeOut()
})
$('.yewow').each(function(index,el){
var anim = $(this).attr('yewow-in')
var duration = $(this).attr('yewow-duration') || '1s'
$(this).css('visibility','visible')
$(this).addClass('animated ' + anim)
$(this).css('animation-duration',duration)
})
// 绐楀彛鑿滃崟
$('.ye').each(function(index,el){
var anim = $(this).attr('ye-in')
var duration = $(this).attr('ye-duration') || '1s'
$(this).css('visibility','visible')
$(this).addClass('animated ' + anim)
$(this).css('animation-duration',duration)
})
$(".ye").on("animationend oanimationend MSAnimationEnd webkitAnimationEnd", function() {
var show = $(this).css('display')
if(show != 'none'){
$(this).attr('data-an','1')
}else{
$(this).attr('data-an','0')
}
});
$('.child_menu').each(function(index,el){
var that = this;
$(this).find('li').each(function(i,e){
$(this).click(function(){
var isNow = $(this).hasClass('win_menu_active')
if(!isNow){
outAnim(1,'body')
$(that).find('li').removeClass('win_menu_active')
$(this).addClass('win_menu_active')
setTimeout(function(){
outAnim(0)
$(that).parent().find('.demo_con > div').css("display","none")
$(that).parent().find('.demo_con > div').eq(i).css('display','flex')
},1000)
if(index == 2){
myVideo1.pause();
myVideo2.pause();
}
}
})
})
})
//绂诲紑杩涘叆鍔ㄧ敾
function outAnim(type,className){
var classname = className || 'body'
$(classname).find(".ye[data-an='1']").each(function(index,el){
var yeIn = $(this).attr('ye-in')
var yeOut = $(this).attr('ye-out')
if(type == 1){
$(this).removeClass(yeIn).addClass('animated ' + yeOut)
}else{
$(this).removeClass(yeOut).addClass(yeIn)
$(this).attr('data-an','0')
}
})
}
// $('.window_menu li').each(function(index,el){
// $(this).click(function(){
// $('.window_menu li').removeClass('win_menu_active')
// $(this).addClass('win_menu_active')
// $('.window_con > div').css("display","none")
// $('.window_con > div').eq(index).css('display','flex')
// })
// })
//鎸夐挳
$('.bool_left li').click(function(){
$(this).find('img').fadeToggle(0)
})
$('.bool_right li').click(function(){
$('.spot').fadeOut(0)
$(this).find('.spot').fadeToggle(0)
})
$('.normal_top li').each(function(index,el){
$(this).click(function(){
$('.normal_top li').removeClass('imgActive')
$(this).addClass('imgActive')
var src = $('.img_show img').attr('src').split('-')[0]
var srcNow = src + '-' + (index+1) + '.png'
$('.img_show img').attr("src",srcNow)
})
})
$('.btn_list span').click(function(){
$(this).addClass('btnActive')
})
$('.btn_list img').click(function(){
var select = $(this).attr('alt')
var src1 = $(this).attr('src').split('-')[0] + '-' + 'click' + '.png'
var src2 = $(this).attr('src').split('-')[0] + '-' + 'default' + '.png'
var src = select == '0'?src1:src2
var selectNow = select == '0'?'1':'0'
$(this).attr('src',src)
$(this).attr('alt',selectNow)
})
$('.back .direct').click(function(){
$('.plate').css('display','none')
$('.third').css('display','block')
})
//鎸夐挳
//鍒楄〃
var listData = [
{id:1, name:'鍙樺帇鍣?, price:45, num:11122, time:20100104},
{id:2, name:'鐢佃矾鏉?, price:48, num:12112, time:20100106},
{id:3, name:'澶槼鑳芥澘', price:60, num:1112, time:20200101}
]
initList(listData)
//鍒濆鍖栧垪琛
function initList(data){
var str = '';
for(var i = 0; i < data.length; i++){
str += ''+data[i].id+' | '+data[i].name+' | '+data[i].price+' | '+data[i].num+' | '+data[i].time+' | |
'
}
$('.list_table tbody').html(str)
down();
up();
del();
}
//鏂板鍒楄〃
$('.list_ok').click(function(){
var name = $('#name').val()
var price = Number($('#price').val())
var num = Number($('#num').val())
var time = Number(formatDay())
if(name && price && num){
var id = Number($('#count').attr('data-index'))+1
var listShow = ''+id+' | '+name+' | '+price+' | '+num+' | '+time+' | |
'
$('.list_table tbody').append(listShow)
$('#count').attr('data-index',id)
listData.push({id:id, name:name, price:price, num:num, time:time})
down();
up();
del();
}else{
$(".list_tip").fadeIn()
}
})
$('.list_tip_ok').click(function(){
$(".list_tip").fadeOut()
})
//涓嬬Щ
function down() {
$('tr').on('click','.down',function(){
var partentsDiv = $(this).parents('tr')
var next = partentsDiv.next();
if(next.html() !== undefined){
next.fadeOut('slow',function(){
$(this).after(partentsDiv);
}).fadeIn()
}
})
}
//涓婄Щ
function up() {
$('tr').on('click','.up',function () {
var parentDiv = $(this).parents('tr');
var prev = parentDiv.prev()
if(prev.prev().html() !== undefined){
prev.fadeOut('slow',function () {
$(this).before(parentDiv)
}).fadeIn()
}
})
}
//鎸夊簭鍙锋帓搴
//鍗囧簭
$('.asc').click(function(){
var by = $(this).parent().attr('data-name')
var list = listData.sort(order(by, 'asc'))
initList(list)
// var result = compare(list,listData)
// if(result == -1){
// initList(list)
// }
})
//闄嶅簭
$('.desc').click(function(){
var by = $(this).parent().attr('data-name')
var list = listData.sort(order(by, 'desc'))
initList(list)
})
//鎺掑簭
function order(prop, by){
return function (obj1, obj2) {
var val1 = obj1[prop];
var val2 = obj2[prop];
if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
val1 = Number(val1);
val2 = Number(val2);
}
if (val1 < val2) {
if(by == 'asc'){
return -1;
}else if(by == 'desc'){
return 1;
}
} else if (val1 > val2) {
if(by == 'asc'){
return 1;
}else if(by == 'desc'){
return -1;
}
} else {
return 0;
}
}
}
//鍒犻櫎鏁版嵁
function del(params) {
$('.op').on('click','img',function(){
$(this).parents('tr').remove()
var id = $(this).parents('tr').find('.index').text()
for(var i in listData){
var param = listData[i]
if(param.id == id){
listData.splice(i,1)
}
}
})
$('.op img').mouseenter(function(){
var src = $(this).attr('src').split('-')[0] + '-click.png';
$(this).attr('src',src)
})
$('.op img').mouseleave(function(){
var src = $(this).attr('src').split('-')[0] + '-default.png';
$(this).attr('src',src)
})
}
function formatDay()
{
var time = new Date();
var y = time.getFullYear();
var m = time.getMonth()+1;
var d = time.getDate();
return y + add0(m) + add0(d);
}
//鍒楄〃
//杩涘害鏉
function timeFormatter(duration) {
let secondTime = parseInt(duration);// 绉
let minuteTime = 0;// 鍒
// let hourTime = 0;// 灏忔椂
if (secondTime > 60) { // 濡傛灉绉掓暟澶т簬60锛屽皢绉掓暟杞崲鎴愭暣鏁
// 鑾峰彇鍒嗛挓锛岄櫎浠?0鍙栨暣鏁帮紝寰楀埌鏁存暟鍒嗛挓
minuteTime = parseInt(secondTime / 60);
// 鑾峰彇绉掓暟锛岀鏁板彇浣橈紝寰楀埌鏁存暟绉掓暟
secondTime = parseInt(secondTime % 60)
}
let result = secondTime > 9 ? secondTime : ('0' + secondTime);
if (minuteTime > 0) {
result = (minuteTime > 9 ? minuteTime : ('0' + minuteTime)) + ":" + result;
} else {
result = "00" + ":" + result;
}
return result;
}
var videoSlider11 = $( "#slider_bar11" ).slider({
range: "min",
min: 0,
max: 100,
value: 0,
});
var videoSlider12 = $( "#slider_bar12" ).slider({
range: "min",
min: 0,
max: 100,
value: 100,
});
$( "#slider_bar2" ).slider({
range: "min",
min: 0,
max: 100,
value: 60,
});
$( "#slider_bar3" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
$( "#slider_bar4" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
$( "#slider_bar5" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
$( "#slider_bar6" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
});
var myVideo1 = videojs("my-video1",{}, function onPlayerReady() {
this.on("timeupdate",function(){
var current = this.currentTime() || 0
var duration = Number(this.duration())
var slider = Math.round((current / duration) *100)
$('.row_bar span:eq(0)').text(timeFormatter(current))
videoSlider11.slider('value',slider)
videoSlider12.slider('value',100 - slider)
})
})
var myVideo2 = videojs("my-video2",{}, function onPlayerReady() {
this.on("timeupdate",function(){
var current = this.currentTime()
var duration = this.duration()
$('.col_time span:eq(0)').text(timeFormatter(current))
})
})
var spanEl = ''
var spanNum = 0;
var spanTime = setInterval(function(){
$('.load1_span').append(spanEl);
spanNum++;
if(spanNum == 10){
$('.load1_span span').remove();
spanNum = 0
}
}, 800);
//杩涘害鏉
// 涓婚
// 鍒濆鍖栦富棰樿疆鎾
// var swiper = new Swiper('.swiper-container', {
// slidesPerView: 2,
// paginationClickable: true,
// prevButton:'.swiper-button-prev',
// nextButton:'.swiper-button-next'
// });
$('.swiper-container .swiper-slide').each(function(index,el){
$(this).click(function(){
// $('.theme_swpier').css('display','none')
$('.theme_use img').css('display','none')
$('.theme_use img').eq(index).css('display','block')
$('.theme_ok').attr('data-show',index)
outAnim(1,'.theme_show')
// $('.theme_use').css('display','block')
setTimeout(function(){
$('.theme_swiper').css('display','none')
$('.theme_use').css('display','block')
// outAnim(0)
},1000)
})
})
$('.theme_ok').click(function(){
var index = Number($(this).attr('data-show'))
var bgImg = $('.theme_use img').eq(index).attr('data-back')
$('.theme').css('background-image',"url('"+bgImg+"')")
})
$('.theme_back .direct').click(function(){
if($('.theme_swiper').css('display') == "none"){
outAnim(1,'.theme_show')
setTimeout(function(){
$('.theme_use').css('display','none')
outAnim(0,'.theme_show')
$('.theme_swiper').css('display','block')
},1000)
}else{
$('.plate').css('display','none')
$('.third').css('display','block')
}
})
// 涓婚
//澶氳瑷€
var language = [
{title1:'鎻忚堪',feat:'鍙互涓€閿垏鎹㈡暣涓郴缁熺殑璇█鏄剧ず',title2:'鍐呭',lang:'璇█',show:'钃濇槦娆㈣繋浣狅紒'},
{title1:'Description',feat:'You can switch the language display of the whole system with one click',title2:'Content',lang:'Language',show:'Welcome to BlueStar!'},
{title1:'旮办垹',feat:'頃橂倶鞚 韨る 鞝勳泊 鞁滌姢韰滌潣 鞏胳柎 響滌嫓毳 鞝勴櫂 頃 靾 鞛堨姷雼堧嫟',title2:'頃湢霟?,lang:'鞏胳柎',show:'敫旊( 鞀ろ儉臧€ 雼轨嫚鞚 頇橃榿頃╇媹雼?'}
]
layui.use('form', function(){
var form = layui.form;
//鐩戝惉鎻愪氦
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));
return false;
});
form.on('select(lang)', function (data) {
var val = data.value;
var obj = language[val];
$('.lang_main .four_feats h4').text(obj.title1)
$('.lang_main .four_feats p').text(obj.feat)
$('.lang_box1 p').text(obj.title2)
$('.lang_greet').text(obj.show)
$('.lang_box2 p').text(obj.lang)
});
form.on('select(fontFamily)', function (data) {
var val = data.value
if(val == 1){
$('.font_bottom textarea').css('font-family','SimHei')
}else{
$('.font_bottom textarea').css('font-family','Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif')
}
})
form.on('select(fontSize)', function (data) {
var val = data.value
var arr = [14,16,18]
var size = arr[val]
$('.font_bottom textarea').css('font-size',size+'px')
})
});
//澶氳瑷€
// 閫氳
$('.chat_menu li').each(function(index,el){
$(this).click(function(){
var dataIndex = $('.chat_shadow').attr('data-index')
if(dataIndex != index){
$('.chat_shadow > div').slideUp(500)
$('.chat_shadow > div').eq(index).slideDown(500)
$('.socket_pick > div').fadeOut(100)
$('.issue_date').slideUp()
$('.chat_menu li').removeClass('win_menu_active')
$(this).addClass('win_menu_active')
outAnim(1,'.chat_show')
setTimeout(function(){
$('.chat_show > div').css('display','none')
$('.chat_show > div').eq(index).css('display','block')
outAnim(0,'.chat_show')
$('.chat_shadow').attr('data-index',index)
},300)
}
})
})
$('.socket_timimg').click(function(){
$('.socket_select').slideDown()
})
$('.socket_cancel').click(function(){
$('.socket_select').slideUp()
})
$('.socket_select li:eq(0)').click(function(){
$('.socket_switch').slideDown()
var isOpen = new iScroll('isOpen',{snap:"li",vScrollbar:false,
onScrollEnd:function(){
var index = Math.ceil(this.y/26*-1+1);
var val = $('#isOpen li').eq(index).text()
$('#isOpen li').css('color','#6C6C6C')
$('#isOpen li').eq(index).css('color','#000A47')
$('.socket_sw').attr('data-sw',val)
}})
})
$('.socket_select li:eq(1)').click(function(){
$('.socket_date').slideDown()
new Sdate("",{
acceptId: "#date_pick",
showId:"#date_see",
minId:"soMin",
secId:"soSec"
})
})
// var isOpen = new iScroll('isOpen',{snap:"li",vScrollbar:false,onScrollEnd:function(){
// var index = Math.ceil(this.y/26*-1+1);
// var val = $('#isOpen li').eq(index).text()
// $('#isOpen li').css('color','#6C6C6C')
// $('#isOpen li').eq(index).css('color','#000A47')
// $('.socket_sw').attr('data-sw',val)
// }})
// new Sopen('',{
// acceptId:'#sw_open',
// showId:".socket_sw"
// })
$('.sw_cancel').click(function(){
$('.socket_switch').slideUp()
})
$('.sw_ok').click(function(){
$('.socket_switch').slideUp()
$('.socket_sw span').text($('.socket_sw').attr('data-sw'))
})
// 鍒濆鍖栨椂闂撮€夋嫨
$('.date_cancel').click(function(){
$('.socket_date').slideUp()
})
$('.date_ok').click(function(){
var min = $('#date_see').attr('data-min') || 0
var sec = $('#date_see').attr('data-sec') || 0
$('#date_see').text(formtime([min,sec]))
$('.socket_date').slideUp()
})
$('.socket_save').click(function(){
clearInterval(soTiming)
var time = $('#date_see').text()
$('.chat_time').text(time)
$('.socket_select').slideUp()
})
var soTiming; //璁℃椂鍣
$('.socket_ok').click(function(){
var isOpen = $('.socket_sw span').text()
$('.so_status').text(isOpen[0])
$('.socket_status').text(isOpen)
var grey_light = $('.lamp').attr('data-src')
var red_light = $('.lamp').attr('data-change')
var soArr = $('.chat_time').text().split(':')
var min = Number(soArr[0])
var sec = Number(soArr[1])
var nn = 0;
clearInterval(soTiming);
if(isOpen[0] == '寮€'){
$('.lamp').attr('src',red_light)
$('.socket_show').css('background','#497DF1')
soTiming = setInterval(function(){
if(sec == -1 && min != 0){
sec = 59
min -= 1
}
if(nn == 0 && ((min + sec) != 0)){
nn = 1000
sec -= 1
}
nn -= 10
var str = formtime([min,sec])
$(".chat_time").text(str);
if(min + sec + nn == 0){
clearInterval(soTiming)
}
}, 10);
}else{
$('.lamp').attr('src',grey_light)
$('.socket_show').css('background','#191D23')
}
})
$('.issue_time').click(function(){
$('.issue_date').slideDown()
new Sdate("",{
acceptId: "#issue_pick",
showId:"#issue_see",
minId:"isMin",
secId:"isSec"
})
})
$('.is_cancel').click(function(){
$('.issue_date').slideUp()
})
var isTiming;
$('.is_ok').click(function(){
var min = $('#issue_see').attr('data-min') || 0
var sec = $('#issue_see').attr('data-sec') || 0
var nn = 0
$('#issue_see').text(formtime([min,sec]))
$('.issue_date').slideUp()
clearInterval(isTiming)
isTiming = setInterval(function(){
if(sec == -1 && min != 0){
sec = 59
min -= 1
}
if(nn == 0 && ((min + sec) != 0)){
nn = 1000
sec -= 1
}
nn -= 10
var str = formtime([min,sec])
$("#issue_see").text(str);
if(min + sec + nn == 0){
clearInterval(isTiming)
}
}, 10);
})
$('.onOff').click(function(){
$(this).toggleClass('onActive')
})
// 閫氳
// 瀹氭椂鍣
// 鍒濆鍖栨椂闂撮€夋嫨鍣
var isTiming = $('.timing').css('display')
if(isTiming != 'none'){
new Sdate("#Tpick_start",{
acceptId: "#pickDate",
showId:"#timing_move",
hourId:"tiHour",
minId:"tiMin",
secId:"tiSec",
endHour:100
})
}
// 寮€濮嬭鏃
var setTiming;
$('#Tpick_start').click(function(){
var flag = $(this).css('cursor')
if(flag != 'not-allowed'){
var hour = $('#timing_move').attr('data-hour') || 0
var min = $('#timing_move').attr('data-min') || 0
var sec = $('#timing_move').attr('data-sec') || 0
var nn = 0
$('.timing_pick').slideUp(500)
$('.timing_change').slideDown(500)
$("#timing_move").text(formtime([hour,min,sec]));
setTimeout(function(){
$('#Tcancel').css('left','0')
$('#Tstop').css('left','258px')
setTiming = setInterval(function(){
if(min == -1 && hour != 0){
min = 59
hour -= 1
}
if(sec == -1 && ((hour + min) != 0)){
sec = 59
min -= 1
}
if(nn == 0 && ((hour + min + sec) != 0)){
nn = 1000
sec -= 1
}
nn -= 10
var str = formtime([hour,min,sec])
$("#timing_move").text(str);
if(hour + min + sec + nn == 0){
clearInterval(setTiming)
$('.Tpop').fadeIn()
}
}, 10);
}, 500);
}
})
// 鍙栨秷璁℃椂
$('#Tcancel').click(function(){
$('#Tcancel').css('left','129px')
$('#Tstop').css('left','129px')
clearInterval(setTiming)
setTimeout(function(){
$('.timing_pick').slideDown()
$('.timing_change').slideUp()
}, 300);
})
// 鏆傚仠/鎭㈠璁℃椂
$('#Tstop').click(function(){
var flag = $(this).attr('data-stop')
var timeArr = $('#timing_move').text().split(':')
var hh = Number(timeArr[0])
var mm = Number(timeArr[1])
var ss = Number(timeArr[2])
var nn = Number(timeArr[3]) || 0
if(flag == 1){
$(this).attr('data-stop',0)
setTiming = setInterval(function(){
if(mm == -1 && hh != 0){
mm = 59
hh -= 1
}
if(ss == -1 && ((hh + mm) != 0)){
ss = 59
mm -= 1
}
if(nn == 0 && ((hh + mm + ss) != 0)){
nn = 1000
ss -= 1
}
nn -= 10
var str = formtime([hh,mm,ss])
$("#timing_move").text(str);
if(hh + mm + ss + nn == 0){
clearInterval(setTiming)
$('.Tpop').fadeIn()
}
}, 10);
$(this).text('鏆傚仠')
}else{
clearInterval(setTiming)
$(this).attr('data-stop',1)
$(this).text('鎭㈠')
}
})
// 璁℃椂缁撴潫鍚
$('.Tpop_ok').click(function(){
$('.Tpop').fadeOut(200)
setTimeout(function(){
$('#Tcancel').css('left','129px')
$('#Tstop').css('left','129px')
}, 200);
setTimeout(function(){
$('.timing_pick').slideDown(500)
$('.timing_change').slideUp(500)
}, 500);
})
function formtime(keys){
var str = "";
for(var i = 0 ; i < keys.length; i++){
var s = keys[i] < 10 ? '0' + keys[i] : keys[i]
if(i == keys.length - 1){
str += s
}else{
str += s + ':'
}
}
return str
}
// 瀹氭椂鍣
// 缁樺埗
var yearArr = ["2015","2016","2017","2018","2019","2020"];
var sd = []
var slideY = [174,174,174,174,174,174]
var c=document.getElementById("drawLine");
var cxt=c.getContext("2d");
cxt.moveTo(38,174);
cxt.lineTo(86,174);
cxt.lineTo(134,174);
cxt.lineTo(182,174);
cxt.lineTo(230,174);
cxt.lineTo(278,174);
cxt.strokeStyle = '#6AF4FF'
cxt.lineWidth = 2
cxt.stroke();
var slider1 = $( "#slide1" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
// console.log(ui)
var value = ui.value
$('#ve_year').val('2015')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[0] = Y
draw(cxt,slideY)
}
},
change:function(event,ui){
console.log(ui)
}
});
var slider2 = $( "#slide2" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var value = ui.value
$('#ve_year').val('2016')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[1] = Y
draw(cxt,slideY)
}
}
});
var slider3 = $( "#slide3" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var value = ui.value
$('#ve_year').val('2017')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[2] = Y
draw(cxt,slideY)
}
}
});
var slider4 = $( "#slide4" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var value = ui.value
$('#ve_year').val('2018')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[3] = Y
draw(cxt,slideY)
}
}
});
var slider5 = $( "#slide5" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var value = ui.value
$('#ve_year').val('2019')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[4] = Y
draw(cxt,slideY)
}
}
});
var slider6 = $( "#slide6" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var value = ui.value
$('#ve_year').val('2020')
$('#ve_ratio').val(value)
var Y = 174 - 174 * value / 100
if(Y <= 174){
slideY[5] = Y
draw(cxt,slideY)
}
}
});
sd.push(slider1,slider2,slider3,slider4,slider5,slider6)
$('#ve_ok').click(function(){
var year = $('#ve_year').val()
var index = yearArr.indexOf(year)
var ratio = $('#ve_ratio').val()
console.log(ratio)
// console.log(ratio == '')
if(!year || !ratio){
$('.ve_tip p').text('涓嶈兘涓虹┖')
$('.ve_tip p').attr('data-error','1')
$('.ve_tip').fadeIn()
}else{
if(index > -1){
if(ratio <= 100 && ratio >= 0){
sd[index].slider( "value", ratio);
slideY[index] = 174 - 174 * (ratio) / 100
draw(cxt,slideY)
}else{
$('.ve_tip p').text('鍗犳瘮鏍煎紡閿欒')
$('.ve_tip p').attr('data-error','2')
$('.ve_tip').fadeIn()
}
}else{
$('.ve_tip p').text('骞翠唤鏍煎紡閿欒')
$('.ve_tip p').attr('data-error','3')
$('.ve_tip').fadeIn()
}
}
})
$('.ve_tip_ok').click(function(){
$('.ve_tip').fadeOut()
var errorType = $('.ve_tip p').attr('data-error')
if(errorType == 2){
$('#ve_ratio').val('')
}else if(errorType == 3){
$('#ve_year').val('')
}
})
function draw(cxt,arr) {
cxt.clearRect(0,0,308,184);
cxt.beginPath()
cxt.moveTo(48,arr[0]);
cxt.lineTo(76,arr[1]);
cxt.lineTo(96,arr[1]);
cxt.lineTo(124,arr[2]);
cxt.lineTo(144,arr[2]);
cxt.lineTo(172,arr[3]);
cxt.lineTo(192,arr[3]);
cxt.lineTo(220,arr[4]);
cxt.lineTo(240,arr[4]);
cxt.lineTo(268,arr[5]);
cxt.strokeStyle = '#6AF4FF'
cxt.lineWidth = 2
cxt.stroke();
}
var ve_flag = 0;
var ve_time;
var angle = -128;
var ve_val = 0
var srcStart = $('.ve_start').attr("data-src");
var srcStop = $('.ve_start').attr("data-change");
$('.ve_start').click(function(){
if(ve_flag == 0){
$(this).attr('src',srcStop);
ve_flag = 1;
var finalNum = 80;
var swing = false;
ve_time = setInterval(function(){
if(!swing){
angle += 1.25
ve_val += 1
if(angle >= finalNum){
swing = true
}
}else{
angle -= 1.25
ve_val -= 1
if(angle <= (finalNum - 80)){
swing = false
}
}
$('.pointer').css('transform','rotateZ('+angle+'deg)');
$('.ve_speed').text(ve_val)
// angle += 1.25
// ve_val += 1
// $('.pointer').css('transform','rotateZ('+angle+'deg)');
// $('.ve_speed').text(ve_val)
// if(angle > 0){
// angle -= 100
// ve_val -= 100
// $('.pointer').css('transform','rotateZ('+angle+'deg)');
// $('.ve_speed').text(ve_val)
// }
},8)
}else{
$(this).attr('src',srcStart);
ve_flag = 0;
clearInterval(ve_time)
}
})
$('.ve_reset').click(function(){
clearInterval(ve_time);
$('.pointer').css('transform','rotateZ(-128deg)');
$('.ve_start').attr('src',srcStart);
ve_flag = 0;
angle = -128
ve_val = 0;
$('.ve_speed').text(ve_val)
})
$('.font_weight').click(function(){
$('.font_main').toggleClass('boldActive')
})
$('.font_style').click(function(){
$('.font_main').toggleClass('styleActive')
})
$('.image_change li').each(function(index,el){
$(this).click(function(){
$('.image_change .spot').fadeOut(150)
$(this).find('.spot').fadeIn(200)
var degree = $('.image_change img').attr('data-rotate').split(',')
var X = Number(degree[0])
var Y = Number(degree[1])
var Z = Number(degree[2])
if(index == 0){
Z = Z - 90
}else if(index == 1){
Y = Y + 180
}else{
X = X + 180
}
$('.image_change img').css('transform','rotateX('+X+'deg) rotateY('+Y+'deg) rotateZ('+Z+'deg)')
$('.image_change img').attr('data-rotate',X+","+Y+","+Z)
})
})
// 缁樺埗