想要实现标题跑马灯效果?这里有JS示例供参考!

随心笔谈2年前发布 admin
201 0 0

文章摘要

本文介绍了如何使用JavaScript实现标题跑马灯效果的示例代码。文章通过`setTimeout`函数实现标题的动态交替显示,具体包括: 1. 初始化变量`step`为0。 2. 定义`flash_title`函数:每800毫秒调用一次,`step`值递增并循环。 3. 通过嵌套的`if`语句控制标题切换内容。 代码交替显示“执刀人”和“欢迎您”,并提示用户可以根据需要调整延迟时间,以及在`if`语句中添加更多显示格式。

分享一段JS标题跑马灯示例代码

<title>执刀人</title>
<!– 不停的改变title值 –>
<script language=”JavaScript”>
step=0
function flash_title()
{
step++
if (step==3) {step=1}
if (step==1) {document.title=’执刀人’}
if (step==2) {document.title=’欢迎您’}
setTimeout(“flash_title()”,800);
}
flash_title()
</script>
交替显示文字,800代表延迟时间,if的文字还可以继续按照格式添加。

© 版权声明

相关文章