java,web study/7주차 (8월 12일~8월 18일)
JQuery - 움직이는 애니메이션 그리기
doublemetal
2013. 8. 12. 16:35
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>example</title>
<script type="text/javascript">
window.onload = function(){
var count = 0;
var image = document.getElementById('image');
var frames = [
'0.png','1.png','2.png','3.png','4.png',
'5.png','6.png','7.png','8.png','9.png',
'10.png','11.png','12.png','13.png','14.png'
];
setInterval(function(){
image.src = frames[count % frames.length];
count = count + 1;
},1000/20);
};
</script>
</head>
<body>
<img id="image" />
</body>
</html>
