jquery – 显示css3动画2次

HTML：

<div class="alert alert-danger flashit">error error</div>

CSS：

.flashit {
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

这工作和工作flash动画但是,我需要显示两次flash动画效果.

怎么创造这个？

DEMO FIDDLE