|
|
@ -13,9 +13,9 @@ function TextScroll (props) { |
|
|
if (content.length) { |
|
|
if (content.length) { |
|
|
if (roll) { |
|
|
if (roll) { |
|
|
let contentParent = document.getElementById("marquee_box" + videoObjId) |
|
|
let contentParent = document.getElementById("marquee_box" + videoObjId) |
|
|
document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px' |
|
|
document.getElementById('contentPMakeUp' + videoObjId)?.style.width = contentParent?.clientWidth + 'px' |
|
|
const contentP = document.getElementById('contentP' + videoObjId) |
|
|
const contentP = document.getElementById('contentP' + videoObjId) |
|
|
contentP.style.visibility = 'visible' |
|
|
contentP?.style.visibility = 'visible' |
|
|
setShowContent(content[0]) |
|
|
setShowContent(content[0]) |
|
|
window.cancelAnimationFrame(cancel.current) |
|
|
window.cancelAnimationFrame(cancel.current) |
|
|
contentParent.scrollLeft = 0 |
|
|
contentParent.scrollLeft = 0 |
|
|
@ -27,7 +27,7 @@ function TextScroll (props) { |
|
|
let refreshTime = moment() |
|
|
let refreshTime = moment() |
|
|
const scroll = () => { |
|
|
const scroll = () => { |
|
|
let contentParent = document.getElementById("marquee_box" + videoObjId) |
|
|
let contentParent = document.getElementById("marquee_box" + videoObjId) |
|
|
document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px' |
|
|
document.getElementById('contentPMakeUp' + videoObjId)?.style.width = contentParent?.clientWidth + 'px' |
|
|
//初始化 |
|
|
//初始化 |
|
|
// if(!showContent&&!initialization.current){ |
|
|
// if(!showContent&&!initialization.current){ |
|
|
if (!initialization.current) { |
|
|
if (!initialization.current) { |
|
|
@ -35,7 +35,7 @@ function TextScroll (props) { |
|
|
contentParent.scrollLeft = 0 |
|
|
contentParent.scrollLeft = 0 |
|
|
setShowContent(content[showIndex.current]) |
|
|
setShowContent(content[showIndex.current]) |
|
|
showIndex.current = (showIndex.current + 1) % content.length |
|
|
showIndex.current = (showIndex.current + 1) % content.length |
|
|
contentP.style.visibility = 'visible' |
|
|
contentP?.style.visibility = 'visible' |
|
|
initialization.current = true |
|
|
initialization.current = true |
|
|
} |
|
|
} |
|
|
// 控制频率 |
|
|
// 控制频率 |
|
|
@ -43,19 +43,19 @@ function TextScroll (props) { |
|
|
const contentP = document.getElementById('contentP' + videoObjId) |
|
|
const contentP = document.getElementById('contentP' + videoObjId) |
|
|
// 静态等待时间 |
|
|
// 静态等待时间 |
|
|
if (moment().diff(repeatTime) > 1000 * 1.5) { |
|
|
if (moment().diff(repeatTime) > 1000 * 1.5) { |
|
|
contentP.style.visibility = 'visible' |
|
|
contentP?.style.visibility = 'visible' |
|
|
} |
|
|
} |
|
|
// 滚动 |
|
|
// 滚动 |
|
|
if (moment().diff(repeatTime) > 1000 * 3) { |
|
|
if (moment().diff(repeatTime) > 1000 * 3) { |
|
|
contentParent.scrollLeft = contentParent.scrollLeft + 1 |
|
|
contentParent.scrollLeft = contentParent.scrollLeft + 1 |
|
|
} |
|
|
} |
|
|
// 滚完 重置 |
|
|
// 滚完 重置 |
|
|
if (contentParent.scrollLeft >= contentP.clientWidth + 24) { |
|
|
if (contentParent.scrollLeft >= contentP?.clientWidth + 24) { |
|
|
contentParent.scrollLeft = 0 |
|
|
contentParent.scrollLeft = 0 |
|
|
repeatTime = moment() |
|
|
repeatTime = moment() |
|
|
setShowContent(content[showIndex.current]) |
|
|
setShowContent(content[showIndex.current]) |
|
|
showIndex.current = (showIndex.current + 1) % content.length |
|
|
showIndex.current = (showIndex.current + 1) % content.length |
|
|
contentP.style.visibility = 'hidden' |
|
|
contentP?.style.visibility = 'hidden' |
|
|
} |
|
|
} |
|
|
refreshTime = moment() |
|
|
refreshTime = moment() |
|
|
} |
|
|
} |
|
|
|
