当前位置:主页 > 网页前端 > JavaScript代码 >

使用JavaScript让网页的title动起来

时间:2021-09-27 09:44:17 | 栏目:JavaScript代码 | 点击:

HTML Title:
复制代码 代码如下:
<title>你好,Mr-S.R Lee</title>

JavaScript:
复制代码 代码如下:

<script type="text/javascript">
function scroll() {
//获取title信息。
var titleInfo = document.title;
//获取title第一个汉字(数字、字母)。
//注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
var firstInfo = titleInfo.charAt(0);
//获取第二位到最后的信息。
var lastInfo = titleInfo.substring(1, titleInfo.length);
//拼接输出信息
document.title = lastInfo + firstInfo;
}
//使用setInterval()方法执行
setInterval("scroll()", 500);
</script>

完整演示代码:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章