javascript跑马灯

最新推荐文章于 2024-09-21 09:29:16 发布

刘少盟

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量5k

点赞数

分类专栏：前端交互文章标签： javascript function input button server html

本文链接：https://blog.csdn.net/meng6098/article/details/7326304

版权

前端交互专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<script type="text/javascript" language="javascript">
    var n = 0, speed = 500, STEP = 110;
    var fppt = "this is PaoMaDeng example,you can change show content!";

    function run() {
        document.ppt.cc.value = fppt.substr(n, fppt.length - n);
        n++;
        if (n >= fppt.length)
            n = 0;
    }

    function change() {
        fppt = document.newppt.newcc.value;
        while (fppt.length <= 10) {
            fppt = fppt.concat(" ");
        }
    }

    function startRun() {
        id = setInterval("run()", speed);
    }

    function speedUp() {
        clearInterval(id);
        speed = speed - STEP;
        id = setInterval("run()", speed);
    }

    function speedDown() {
        clearInterval(id);
        speed = speed + STEP;
        id = setInterval("run()", speed);
    }

    function pause() {
        clearInterval(id);
    }
</script>
</head>

<body οnlοad="startRun();">
<form name="ppt">
跑马灯演示：<input name="cc">
</form>
<form name="newppt">
<b>Please input new content!</b><br>
<input type=text name="newcc">
<input type=button name="Press1" value="Sub" onclick