diff --git a/code/VideoAccess-VCMP/web/client/src/components/textScroll.jsx b/code/VideoAccess-VCMP/web/client/src/components/textScroll.jsx index ccfee0c..e5e1bd0 100644 --- a/code/VideoAccess-VCMP/web/client/src/components/textScroll.jsx +++ b/code/VideoAccess-VCMP/web/client/src/components/textScroll.jsx @@ -13,9 +13,9 @@ function TextScroll (props) { if (content.length) { if (roll) { 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) - contentP.style.visibility = 'visible' + contentP?.style.visibility = 'visible' setShowContent(content[0]) window.cancelAnimationFrame(cancel.current) contentParent.scrollLeft = 0 @@ -27,7 +27,7 @@ function TextScroll (props) { let refreshTime = moment() const scroll = () => { 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 (!initialization.current) { @@ -35,7 +35,7 @@ function TextScroll (props) { contentParent.scrollLeft = 0 setShowContent(content[showIndex.current]) showIndex.current = (showIndex.current + 1) % content.length - contentP.style.visibility = 'visible' + contentP?.style.visibility = 'visible' initialization.current = true } // 控制频率 @@ -43,19 +43,19 @@ function TextScroll (props) { const contentP = document.getElementById('contentP' + videoObjId) // 静态等待时间 if (moment().diff(repeatTime) > 1000 * 1.5) { - contentP.style.visibility = 'visible' + contentP?.style.visibility = 'visible' } // 滚动 if (moment().diff(repeatTime) > 1000 * 3) { contentParent.scrollLeft = contentParent.scrollLeft + 1 } // 滚完 重置 - if (contentParent.scrollLeft >= contentP.clientWidth + 24) { + if (contentParent.scrollLeft >= contentP?.clientWidth + 24) { contentParent.scrollLeft = 0 repeatTime = moment() setShowContent(content[showIndex.current]) showIndex.current = (showIndex.current + 1) % content.length - contentP.style.visibility = 'hidden' + contentP?.style.visibility = 'hidden' } refreshTime = moment() }