JavaScript - Animation in Hindi




दोस्तों इस chapter में हम JavaScript animation के बारे में जानेंगे तो चलिए शुरू करते है. Animation drawing, लेआउट, फोटो, और डिजाइनिंग करने की sequence को तैयार करने की प्रक्रिया है. जो multimedia और गेमिंग products में एकीकृत है drive का delusion पैदा करने के लिए animation में अभी भी images का suction और प्रबंधन शामिल है एक व्यक्ति जो animation बनाता है उसे animator कहा जाता है।

JavaScript animation कुछ ऐसी थिंग्स को भी संभाल सकती हैं, जिनको CSS नहीं संभाल सकती हैं, CSS animation web पर एक महत्वपूर्ण भूमिका निभाते हैं, विशेष रूप से, CSS बुनियादी user interaction से संबंधित साधारण animation के लिए एक दम सही है, जैसे हॉवर और फोकस स्टेट्स।

Animation Types

  • Manual Animation

  • Automated Animation

Example

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript Images.</title>
<script> 
  function progressBar(){
    if(document.images["progress"].width < 400){
      document.images["progress"].width += 25;
      document.images["progress"].height = 60;
    }
    if(document.images["pound"].width < 400){
      document.images["pound"].width += 2;
      document.images["pound"].height = 60;
    }
    else{
      clearInterval(timer);
    }
  }
  var myTimer;
  window.onload = function(){
    myTimer = setInterval("progressBar()", 900);
  }
    
</script>
</head>
<body>
  <img src="javascript/img/nature-road.jpg"  height="60" name="progress" /><br>
  <img src="javascript/img/pound-img.jpg"  height="60" name="Pound" />
  <p>JavaScript Images Animation</p>
 
</body>
</html>

Result

JavaScript Images.

JavaScript Images Animation