시간 에 따라 마이크로 신호, js 전단 실현 방법

15126 단어 JavaScripthtml
필요 설명:
시간 에 따라 하루 24 시간 15 분 마다 다음 위 챗 으로 바뀐다.또한 사용자 가 페이지 를 열 면 처음으로 시간 을 여 는 마이크로 신 호 는 로 컬 에 캐 시 되 고 나중에 열 때마다 처음으로 열 릴 때의 마이크로 신호 입 니 다.
var wxNumber = ['   1','   2','   3','   4'];
var firstOpenTime = localStorage.getItem('firstOpenTime');          //       ,        


//            
var date = new Date();
Y = date.getFullYear() + '-';
M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
D = date.getDate() + ' ';
h = date.getHours() + ':';
m = date.getMinutes() + ':';
s = date.getSeconds(); 
console.log(Y+M+D+h+m+s);


//   :↓↓↓↓↓↓↓

// 1440                1440  
// 1440/15 = 96          96  

//          
//       

//      -               
//        / 15 =       


//     :           
var zeroTime = Y+M+D+'00:00:00';       //        
var zeroTime_t = new Date(zeroTime.replace(/-/g, '/'));  //        
var zeroTime_timestamp = zeroTime_t.getTime();          //   Y+M+D+h+m+s           
console.log(' '+zeroTime_timestamp);


//                
// var nowTime = new Date();
var nowTime = new Date().getTime();
console.log(' '+nowTime);


//    :            
var difference = nowTime - zeroTime_timestamp;
console.log(difference);

// 15       
var fift = 15*60*1000;
var count = Math.floor(difference/fift);    //        ,      
console.log(count);

//          
var wxNumber_count = wxNumber.length;
console.log(wxNumber_count);

//              
var wx_index = count % wxNumber_count;
console.log(wx_index);
console.log(wxNumber[wx_index]);





if(typeof(Storage)!==undefined && firstOpenTime==null){  // setp 1.           
                                                            //      ,      ‘firstOpenTime’  

    localStorage.setItem('firstOpenTime',wxNumber[wx_index]);    //                     
    $('.wxcopy').html(wxNumber[wx_index]);
    console.log('       ,    '+firstOpenTime);
    
}else if(typeof(Storage)!==undefined && firstOpenTime!=null){     // setp 2.           
                                                            //      ,      ‘firstOpenTime’   

    $('.wxcopy').html(firstOpenTime);
    console.log('       ,    +'+firstOpenTime);

}else {  // setp 3.    web storage   ,       
    console.log('sorry, you browser does not support Web storage...')
    $('.wxcopy').html(wxNumber[0]);
}

타임 스탬프 와 시간 형식 간 의 변환, 링크 참조https://segmentfault.com/a/1190000000481753

좋은 웹페이지 즐겨찾기