动画播放状态行不起作用并禁用其他功能?

时间:2012-07-13 20:53:26

标签: javascript html css3 css-animations

警告:我是个noobie。我的J / S中有这两个函数:

function please()
{
    document.getElementById("test3").innerHTML = "mercy";
}

function displayAnimation()
{

    document.getElementById('myfirst').style.animation-play-state = 'running';
    document.getElementById('myfirst').style.-moz-animation-play-state = 'running';
    document.getElementById('myfirst').style.-webkit-animation-play-state = 'running';

}

根据我所知,他们不会互动。但是当我在displayAnimation()中有3行时,即使我的其他J / S函数可以工作,please()也不起作用。

除此之外,当我激活displayAnimation()时,动画不会从“暂停”变为“正在运行”。

1 个答案:

答案 0 :(得分:2)

如果您仔细查看样式属性,您会发现它们的语法无效(JavaScript语法)

-分隔的多个字属性的命名约定是第一秒 - > firstSecond例如

style.animationPlayState

供应商前缀-prefix-other - > PrefixOther 例如

style.MozAnimationPlayState