원생 JS 활동 카운트다운 실현 사고방식
원생 JS 활동 카운트다운 실현 사고방식
4
하나의 이벤트 페이지에 여러 개의 이벤트가 있기 때문에 맵으로 모든 대상을 조작하고 하나의 이벤트만 있으면 두루 훑어볼 필요가 없다. 이벤트는 거리 이벤트 시작과 거리 이벤트 종료 두 개의 카운트다운으로 나뉘어 수요에 따라 코드를 증감할 수 있다.그리고 IOS가 호환되지 않는 시간은'-'로 연결되기 때문에 이동단은'-'를'/'로 바꿔 호환해야 한다.
var timer = setInterval(function() {
mapForItem:function() {
data.map(function(item) {
var startTime = new Date(item.timeStart.replace(/-/g, "/")).getTime() //
var endtTime = new Date(item.timeEnd.replace(/-/g, "/")).getTime() //
var currentTime = new Date().getTime() //
var surplusTime = startTime - currentTime > 0 ? startTime - currentTime : endtTime - currentTime // /
item.hours = Math.floor(surplusTime / (1000 * 60 * 60)) < 10 ? '0' + Math.floor(surplusTime / (1000 * 60 * 60)) : Math.floor(surplusTime / (1000 * 60 * 60)) //
surplusTime = surplusTime - (item.hours * 1000 * 60 * 60) //
item.minunts = Math.floor(surplusTime / (1000 * 60)) < 10 ? '0' + Math.floor(surplusTime / (1000 * 60)) : Math.floor(surplusTime / (1000 * 60)) //
surplusTime = surplusTime - (item.minunts * 1000 * 60) //
item.seconds = Math.floor(surplusTime / 1000) < 10 ? '0' + Math.floor(surplusTime / 1000) : Math.floor(surplusTime / 1000) //
if(endtTime - currentTime < 1000) {
// 1000 1 ，
clearInterval(timer)
item.hours = '00'
item.minunts = '00'
item.seconds = '00'
}
})
},
}, 1000)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
