如何让网页标题动起来代码参考特炫

最新推荐文章于 2022-06-02 22:19:50 发布

转载最新推荐文章于 2022-06-02 22:19:50 发布 · 2.7k 阅读

文章标签：

#function #javascript #null #action #c

援引技术专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页动态标题效果。通过预设的数组存储不同标题内容，并利用定时器逐步显示和循环播放这些标题，从而为网站增添动态元素。文章详细解释了代码中的关键参数设置，如打字速度、完全显示时间等。

<SCRIPT language=JavaScript> var message = new Array(); message[0] = " 这里写你的网页标题 "; var reps = 1; var speed = 275;// Set the overall typing speed (larger number = slower action). var hold = 4 // set the length of time to display the whole phrase before retyping (larger number = longer) var p = message.length; var q = 0; var r = 0; var C = 0; var mC = 0; var s = 0; var sT = null; if (reps < 1) { reps = 1; } function setMessage() { typing = message[mC]; q = typing.length; r = q + hold; typeMessage(); } function typeMessage() { if (s > r) { s = 0; } if (s > q) { document.title = '..'+ typing +'..'; } else { document.title = '..'+ typing.substr(0,s)+'..'; } if (C < (r * reps)) { sT = setTimeout("typeMessage()", speed); C++; s++; } else { C = 0; s = 0; mC++; if(mC > p - 1) {mC = 0;} sT = null; setMessage(); } } setMessage(); </SCRIPT>