javascript - 使用 javascript 控制 qualtrics 中 css 横幅的呈现时间

Question

我正在进行一项关于分心的实验，并希望在编写我的调查时得到一些帮助。

目前，我的 qualtrics 调查左侧出现了一个 CSS 横幅：

.banner 
{
    background-color: white;
    padding: 3px;
    border: 3px solid black;
    height:100px;
    width:100px;
    margin-left: -150px;
    margin-top:250px;
    position: fixed;
    text-align:center;
}

通过外观-> 添加自定义 css。

我的问题是如何控制盒子的时间？也就是说，我希望它在 1 或 2 秒后出现，然后再保持可见 1 或 2 秒。我是这种编程的新手，所以任何帮助表示赞赏！

Answer 1

正如我在上面的评论中提到的，旧版浏览器阻止纯 CSS 解决方案工作。下面是一个使用 Javascript#foo在 1 秒后显示元素 ( ) 并在另外 2 秒后将其隐藏的示例：

function toggleFoo() {
    var foo = document.getElementById('foo');

    if (foo.style.display === 'block') {
        foo.style.display = 'none';
    } else {
        foo.style.display = 'block';
    }
};

var t1 = setTimeout(toggleFoo, 1000);
var t2 = setTimeout(toggleFoo, 3000);

JSFiddle：http: //jsfiddle.net/_mtr/aw2LQ