Question

我希望标签文字在点击按钮时运行动画，但它不起作用。如果我在函数外使用 window.setInterval（afun，150），标签文本将运行自动事件我不会点击按钮。我的虫子在哪里？抱歉我的英语不好。

<form id="form1" runat="server">
    <div runat="server">

        <p id="demo" runat="server">
            <asp:Label runat="server" ID="label1">Animate Text</asp:Label>
            <asp:Button OnClientClick=" return afun();" Text="button" runat="server" />
        </p> 
    </div>
</form>

<script>

    function afun() {
        var element = document.getElementById('<%=label1.ClientID%>');
        var eText = element.innerHTML;
        var lengText = eText.length;
        window.setInterval(function () {
            eText = eText[lengText - 1] + eText.substring(0, lengText - 1);
            element.innerHTML = eText;
        },150);
    }
    //window.setInterval(afun, 150);
</script>

Answer 1

您的按钮将在表单内生成为Submit按钮，如下所示。

<input type="submit" name="ctl03" value="button" onclick=" return afun();">

您需要从javascript返回false以停止默认发布。或者，如果您不想发布按钮，也可以在代码中使用简单的HTML按钮。

更改JavaScript功能，如下所示。

  function afun() {
        var element = document.getElementById('<%=label1.ClientID%>');
        var eText = element.innerHTML;
        var lengText = eText.length;
        window.setInterval(function () {
            eText = eText[lengText - 1] + eText.substring(0, lengText - 1);
            element.innerHTML = eText;
        }, 150);
        return false; //ADDED THIS LINE TO STOP FORM POSTING
    }

JavaScript setInterval不适用于asp net

1 个答案: