Question

我正在为TypeIT（https://typeitjs.com/）创建自定义函数，因为我需要动态添加命令。

要创建一个新的TypeIt对象，我需要这样做：

/* global variable to store typer */
currentTyper = '';

function createTyper(typeSpeed, deleteSpeed)
{
    //Creates new typer
    currentTyper = new TypeIt(type_div_id, {
        speed: typeSpeed,
        deleteSpeed: deleteSpeed,
        afterComplete: (instance) => {
            cursor: false
        }
    });

    //FOR TESTING
    addParameterToTyper(TyperTypeEnum.TYPE, 'WHYYYYY');
    addParameterToTyper(TyperTypeEnum.PAUSE, 1000);
    addParameterToTyper(TyperTypeEnum.GO, '');
}

使用以下代码将参数添加到我的typer对象中：

function addParameterToTyper(typerENUM, value)
{
    switch (typerENUM)
    {
        case TyperTypeEnum.TYPE:
            if(value)
            {
                currentTyper.type(value);
            }
            break;
        case TyperTypeEnum.PAUSE:
            currentTyper.pause(value);
            break;
        case TyperTypeEnum.GO:
            currentTyper.go();
            break;
        default:
            break;
    }
}

我的问题是“类型”命令有效，但“暂停”命令无效。

我遇到的另一个问题是“ afterComplete”函数永远不会运行，因此我的光标永远不会消失。

有人知道如何解决吗？

谢谢您的时间。

Answer 1

TypeIt的创建者。我注意到了几件事：

在构造要键入的队列时使用pause方法。必须将其称为之前 go()。如果要在启动实例后冻结和解冻实例，可以分别使用以下方法：https://typeitjs.com/docs#pausing--resuming
您的afterComplete方法调用未使用有效的JavaScript。您的示例将函数体视为对象，不会执行任何操作。如果要在完成操作后删除游标，则可以在触发该回调时使用.destroy()方法：https://codepen.io/alexmacarthur/pen/jOPNNJG

如果您想进一步浏览该站点，将会发现更多示例和文档可以为您提供帮助：https://typeitjs.com/

希望有帮助！

TypeIT尚未完成写作

1 个答案: