gpt4 book ai didi

javascript - 文字闪烁问题

转载 作者:行者123 更新时间:2023-12-03 11:17:59 33 4
gpt4 key购买 nike

我有一个脚本可以使文本在特定颜色和灰色之间交替。它在两种颜色之间每秒左右闪烁一次。我的代码是这样的:

HTML 位

<script>
setInterval(function() {
flashtext('flashingtext','<? echo $name_color ?>');
}, 500 );
</script>

<span id="flashingtext" style="color: <? echo $name_color ?>"><? echo $name ?></span>

JavaScript

function flashtext(ele,col) {
var tmpColCheck = document.getElementById( ele ).style.color;
if (tmpColCheck === 'gray') {
document.getElementById( ele ).style.color = col;
} else {
document.getElementById( ele ).style.color = 'gray';
}
}

我遇到的问题是运行 HTML 的页面部分每 10 秒刷新一次。这会导致眨眼的时间被打乱。它会像我说的那样每秒开始闪烁,然后当该页面部分刷新时,它会快速闪烁并继续,除非再次手动刷新整个页面。

知道如何阻止这个吗?假设计时器没有重置或其他什么...或者当它获取当前颜色时它会捕捉到灰色?不确定:s

最佳答案

因为你不断添加计时器,它变得越来越快。所以添加一个检查,看看是否定义了,取消它。

<script>
if (typeof flashTimer !== "undefined") {
window.clearTimeout(flashTimer);
}
flashTimer = setInterval( function() {
flashtext('flashingtext','<? echo $name_color ?>');
}, 500 );
</script>

关于javascript - 文字闪烁问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27250945/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com