每隔3秒钟，元素左右晃动

最近一直在写完各种动画效果，下面写的是每隔3秒钟，元素就左右晃几下，一直循环，这里是我的代码

<div>我每三秒晃一次</div>

.dh{
				animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
				transform: translate3d(0, 0, 0);
				backface-visibility: hidden;	/*当元素背部朝向屏幕时隐藏*/
				perspective: 1000px;	/*透视值，值越小，3D效果越明显（远小近大）*/
			}
			@keyframes shake {　　　　/*晃动的幅度*/
				10%,90% {
					transform: translate3d(-1px, 0, 0);
				}
				20%,80% {
					transform: translate3d(2px, 0, 0);
				}
				30%,50%,70% {
					transform: translate3d(-4px, 0, 0);
				}
				40%,60% {
					transform: translate3d(4px, 0, 0);
				}
			}

function time() {
				div.addClass('dh')
			}
			setInterval("time()", 3000);//每3秒晃一次

　到这里也就可以了。