Javascript跑马灯

最新推荐文章于 2023-09-28 14:48:16 发布

hxgbieshuomeibanfa

最新推荐文章于 2023-09-28 14:48:16 发布

阅读量171

点赞数 1

分类专栏：前端基础文章标签：前端 html5 javascript

本文链接：https://blog.csdn.net/weixin_63997211/article/details/124087416

版权

前端基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

理解javascript，用javascript写的第一个程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的位置</title>

</head>
<body>
    <span id="txt">我喜欢你宋t</span>
    <script type="text/javascript">
        function show(){
        //取html红找到某个标签并获取它的内容
       var tag = document.getElementById("txt");
       var datastring = tag.innerText;
        //console.log(dataString);
        //动态起来把文本中的第一个字符放在字符串的最后面
        var firstchar = datastring[0];
        var otherstring = datastring.substring(1,datastring.length);
        var newtext = otherstring + firstchar;
        //在html中更新内容
        // console.log(newtext);
        tag.innerText = newtext;
        }
        //javascript中的一个定时器,每秒钟执行一个函数
        setInterval(show,1000);
    </script>
</body>
</html>

hxgbieshuomeibanfa

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
4
评论
Javascript跑马灯

理解javascript，用javascript写的第一个程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js的位置</title></head><body> <span id="txt">我喜欢你宋t</span> <script type="
复制链接

扫一扫