From 70daa152c966b225421588258f3b7887352d9216 Mon Sep 17 00:00:00 2001 From: wenlele Date: Thu, 8 Dec 2022 17:36:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/client/src/components/textScroll.jsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) 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() }