javascript setInterval() , clearInterval()을 이용한 애니메이션 예제2
div를 좌우로 1000px씩 왕복이동 하도록 한 후, 마우스를 hover 했을경우 이동을 정지하도록 그리고 마우스를 out 했을 경우 원래 진행방향으로 이동하도록 짜보았다. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> #box1{ border: 1px solid red; background-color: blue; width: 200px; height: 200px; position: relative; left: 100px; top: 100px; } </style> </head> <body> <script type="text/javascript"> var left =0; var timer= setInterval("move_to_left()",50); var direct = false; // var time2; function...
