JavaScript:即使为 False，也不会停止(意外的 token 函数)-6ren

JavaScript:即使为 False，也不会停止(意外的 token 函数)

转载作者：行者123 更新时间：2023-11-28 18:09:10

24

4

[更新:转到底部]我不知道我做错了什么。我首先调用了该函数:

var WelcomeBreak = document.addEventListener("keypress", WelcomeFour(event));

然后，我发起了它:

function WelcomeFour(e)
{
    var x = e.keyCode || e.which;
    if (x == 13) 
    {
        WelcomeAnimation = false;
    }
}

我看到它是这样完成的(或者在某种程度上像这样)，但是当我这样做时，我得到了一个“意外的 token 函数”。我不知道我做错了什么。我对自己正在做的事情不是很熟悉，但我足够熟悉，知道 Javascript 中的东西是如何工作的。如果您需要的话，这是完整的代码:

Javascript

function Start()
{
    var MainContainer = document.getElementsByClassName("Main_Container")[0];
    var WelcomeParagraph = document.createElement("p");
    var WelcomeSpan = document.createElement("span");
    var WindowHalfWidth = window.innerWidth / 2;
    var WindowHalfHeight = window.innerHeight / 2;
    var WelcomeSpanHalfWidth = 414.453 / 2;
    var WelcomeSpanHalfHeight = 120 / 2;
    var WelcomeBreak = document.addEventListener("keypress", WelcomeFour(event));
    var WelcomeAnimation = new Boolean(true);
    do
    {
        WelcomeSpan.style.opacity = 0;
        var Op1 = 0;
        var Op2 = 1;
        var foo1, foo2, foo3;
        foo1 = setInterval(WelcomeOne, 20);
        function WelcomeOne()
        {
            WelcomeSpan.style.opacity = Op1;
            Op1 = Op1 + .01;
            if (Op1 > 1)
            {
                clearInterval(foo1);
                foo2 = setTimeout(WelcomeTwo, 1000);
            }
        }
        function WelcomeTwo()
        {
            clearTimeout(foo2);
            foo3 = setInterval(WelcomeThree, 20);
        }
        function WelcomeThree()
        {
            WelcomeSpan.style.opacity = Op2;
            Op2 = Op2 - .01;
            if (Op2 < 0)
            { 
                clearInterval(foo3);
            }
        }
        WelcomeAnimation = false;
    }
    function WelcomeFour(e)
    {
        var x = e.keyCode || e.which;
        if (x == 13) 
        {
            WelcomeAnimation = false;
        }
    }
    while (WelcomeAnimation == true);
    WelcomeParagraph.style.margin = "0%";
    WelcomeParagraph.style.position = "absolute";
    WelcomeParagraph.style.top = (WindowHalfHeight - WelcomeSpanHalfHeight) + "px";
    WelcomeParagraph.style.left = (WindowHalfWidth - WelcomeSpanHalfWidth) + "px";
    WelcomeSpan.style.fontSize = "100px";
    WelcomeSpan.style.fontFamily = "Roboto";
    WelcomeSpan.textContent = "Welcome";
    WelcomeParagraph.appendChild(WelcomeSpan);
    MainContainer.appendChild(WelcomeParagraph);
    window.addEventListener("resize", Resize);
    function Resize()
    {
        var WindowHalfWidth = window.innerWidth / 2;
        var WindowHalfHeight = window.innerHeight / 2;
        WelcomeParagraph.style.top = (WindowHalfHeight - WelcomeSpanHalfHeight) + "px";
        WelcomeParagraph.style.left = (WindowHalfWidth - WelcomeSpanHalfWidth) + "px";
    }
}

HTML

<html lang="en">
   <head>
        <!--
            Name:Bradley
        -->
        <link href="Game1.css" rel="stylesheet" type="text/css" media="screen"/>
        <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="Game1.js"></script>
        <title>Game</title>
    </head>

    <body onload="Start()">
        <div class="Main_Container">
        </div>
    </body>
</html>

CSS

html
{
    margin:0%;
}
body
{
    margin:0%;
    overflow:hidden;
}
div.Main_Container
{
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
}

PS:非常感谢您对我应该如何开始编写代码的任何建议!我真的很想成为一名更好的编码员，所以任何事情都会有帮助:)

更新Javascript我将函数 WelcomeFour 移至 do block 中。它解决了部分问题，但不是全部。当我按回车键时，WelcomeFour 函数不会停止。我想我可以让它与 if 语句一起工作，但我不知 Prop 体如何。这是更新后的代码:

do
{
    WelcomeSpan.style.opacity = 0;
    var Op1 = 0;
    var Op2 = 1;
    var foo1, foo2, foo3;
    foo1 = setInterval(WelcomeOne, 20);
    function WelcomeOne()
    {
        WelcomeSpan.style.opacity = Op1;
        Op1 = Op1 + .01;
        if (Op1 > 1)
        {
            clearInterval(foo1);
            foo2 = setTimeout(WelcomeTwo, 1000);
        }
    }
    function WelcomeTwo()
    {
        clearTimeout(foo2);
        foo3 = setInterval(WelcomeThree, 20);
    }
    function WelcomeThree()
    {
        WelcomeSpan.style.opacity = Op2;
        Op2 = Op2 - .01;
        if (Op2 < 0)
        { 
            clearInterval(foo3);
        }
    }
    function WelcomeFour(e)
    {
        var x = e.keyCode || e.which;
        if (x == 13) 
        {
            WelcomeAnimation = false;
        }
    }
    WelcomeAnimation = false;
}
while (WelcomeAnimation == true);

最佳答案

您有一个do {} while () loop但您省略了 while () 部分并将函数声明放在其位置。

<小时/>

document.addEventListener("keypress", WelcomeFour(event));

您正在立即调用WelcomeFour，并尝试将其返回值指定为事件监听器。

不要调用它。

document.addEventListener("keypress", WelcomeFour);

关于JavaScript:即使为 False，也不会停止(意外的 token 函数)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41990207/

24

4

0

文章推荐： python - 如何用 Python 为 GRPC 服务器编写单元测试？

文章推荐： css - 如何更改magento上的按钮样式

文章推荐： python - 点击图片无效

详解C语言sscanf()函数、vsscanf()函数、vscanf()函数
C语言sscanf()函数：从字符串中读取指定格式的数据头文件： ?
php - 如何解释at()函数； substr()函数;伪代码中的exist()函数
最近，我有一个关于工作预评估的问题，即使查询了每个功能的工作原理，我也不知道如何解决。这是一个伪代码。下面是一个名为foo()的函数，该函数将被传递一个值并返回一个值。如果将以下值传递给foo函数，
VBS教程：函数-CStr 函数
CStr 函数返回表达式，该表达式已被转换为 String 子类型的 Variant。 CStr(expression) expression 参数是任意有效的表达式。说明通常，可以
VBS教程：函数-CSng 函数
CSng 函数返回表达式，该表达式已被转换为 Single 子类型的 Variant。 CSng(expression) expression 参数是任意有效的表达式。说明通常，可
VBS教程：函数-CreateObject 函数
CreateObject 函数创建并返回对 Automation 对象的引用。 CreateObject(servername.typename [, location]) 参数 serv
VBS教程：函数-Cos 函数
Cos 函数返回某个角的余弦值。 Cos(number) number 参数可以是任何将某个角表示为弧度的有效数值表达式。说明 Cos 函数取某个角并返回直角三角形两边的比值。此比值是
VBS教程：函数-CLng 函数
CLng 函数返回表达式，此表达式已被转换为 Long 子类型的 Variant。 CLng(expression) expression 参数是任意有效的表达式。说明通常，您可以使
VBS教程：函数-CInt 函数
CInt 函数返回表达式，此表达式已被转换为 Integer 子类型的 Variant。 CInt(expression) expression 参数是任意有效的表达式。说明通常，可
VBS教程：函数-Chr 函数
Chr 函数返回与指定的 ANSI 字符代码相对应的字符。 Chr(charcode) charcode 参数是可以标识字符的数字。说明从 0 到 31 的数字表示标准的不可打印的
VBS教程：函数-CDbl 函数
CDbl 函数返回表达式，此表达式已被转换为 Double 子类型的 Variant。 CDbl(expression) expression 参数是任意有效的表达式。说明通常，您可
VBS教程：函数-CDate 函数
CDate 函数返回表达式，此表达式已被转换为 Date 子类型的 Variant。 CDate(date) date 参数是任意有效的日期表达式。说明 IsDate 函数用于判断 d
VBS教程：函数-CCur 函数
CCur 函数返回表达式，此表达式已被转换为 Currency 子类型的 Variant。 CCur(expression) expression 参数是任意有效的表达式。说明通常，
VBS教程：函数-CByte 函数
CByte 函数返回表达式，此表达式已被转换为 Byte 子类型的 Variant。 CByte(expression) expression 参数是任意有效的表达式。说明通常，可以
VBS教程：函数-CBool 函数
CBool 函数返回表达式，此表达式已转换为 Boolean 子类型的 Variant。 CBool(expression) expression 是任意有效的表达式。说明如果 ex
VBS教程：函数-Atn 函数
Atn 函数返回数值的反正切值。 Atn(number) number 参数可以是任意有效的数值表达式。说明 Atn 函数计算直角三角形两个边的比值 (number) 并返回对应角的弧
VBS教程：函数-Asc 函数
Asc 函数返回与字符串的第一个字母对应的 ANSI 字符代码。 Asc(string) string 参数是任意有效的字符串表达式。如果 string 参数未包含字符，则将发生运行时错误。
VBS教程：函数-Array 函数
Array 函数返回包含数组的 Variant。 Array(arglist) arglist 参数是赋给包含在 Variant 中的数组元素的值的列表（用逗号分隔）。如果没有指定此参数，则
VBS教程：函数-Abs 函数
Abs 函数返回数字的绝对值。 Abs(number) number 参数可以是任意有效的数值表达式。如果 number 包含 Null，则返回 Null；如果是未初始化变量，则返回 0。
VBS教程：函数-FormatPercent 函数
FormatPercent 函数返回表达式，此表达式已被格式化为尾随有 % 符号的百分比（乘以 100 ）。 FormatPercent(expression[,NumDigitsAfterD
VBS教程：函数-FormatNumber 函数
FormatNumber 函数返回表达式，此表达式已被格式化为数值。 FormatNumber( expression [,NumDigitsAfterDecimal [,Inc

首页

博学

6Ren·AI

商城

JavaScript:即使为 False，也不会停止(意外的 token 函数)