Javascript Jquery低效代码？

有人能指出这个代码的低效之处吗？在html网站上运行此代码时，CPU使用率很高。而且动画也不平滑。我已将此脚本放置在我的页面的底部。这也是原因吗

     <script>

    $(document).ready(function() {
        $("#copy2").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav2").animate({'position':'absolute','top':'380px',opacity:1},1);

    $("#copy3").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav3").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy4").animate({'position':'absolute','top':'-380px',opacity:1},1);
    $(".media-nav4").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy5").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav5").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy6").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav6").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy7").animate({'position':'absolute','top':'10px',opacity:1},1);
    $(".media-nav7").animate({'position':'absolute','margin-top':'450px',opacity:1},1);

    $("#copy8").animate({'position':'absolute','top':'10px',opacity:1},1);
    $(".media-nav8").animate({'position':'absolute','margin-top':'450px',opacity:1},1);

    $("#copy9").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav9").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy10").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav10").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy11").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav11").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy12").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav12").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy13").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav13").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy14").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav14").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy15").animate({'position':'absolute','top':'-390px',opacity:1},1);
    $(".media-nav15").animate({'position':'absolute','top':'400px',opacity:1},1);

    $("#copy16").animate({'position':'absolute','top':'10px',opacity:1},1);
    //$(".media-nav16").animate({'position':'absolute','top':'400px',opacity:1},1);



     $(function() {
  setInterval(function() {
 $("#copy2")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav2")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

     $("#copy3")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav3")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 
     $("#copy4")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav4")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy5")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav5")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy6")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav6")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

     $("#copy7")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700);
     $(".media-nav7")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','margin-top':'250px',opacity:1},1700);  

     $("#copy8")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700);
     $(".media-nav8")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','margin-top':'250px',opacity:1},1700);  


         $("#copy9")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav9")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 


         $("#copy10")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav10")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy11")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav11")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy12")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav12")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy13")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav13")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy14")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav14")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 

         $("#copy15")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'0px',opacity:1},1700);
     $(".media-nav15")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700); 


         $("#copy16")                             // get all <h2>s      // reset their background colours
  .filter(":onScreen")              // get only <h2>s on screen
    .animate({'position':'absolute','top':'250px',opacity:1},1700);

  }, 1);  // repeat every second


});   

    });
    </script>

$（文档）.ready（函数（）{
$（“#copy2”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（“.media-nav2”）.animate（{'position'：'absolute'，'top'：'380px'，不透明度：1}，1）；
$（“#copy3”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（“.media-nav3”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy4”）.animate（{'position'：'absolute'，'top'：'-380px'，不透明度：1}，1）；
$（“.media-nav4”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy5”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav5”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy6”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav6”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy7”）.animate（{'position'：'absolute'，'top'：'10px'，不透明度：1}，1）；
$（.media-nav7”）.animate（{'position'：'absolute'，'margin-top'：'450px'，不透明度：1}，1）；
$（“#copy8”）.animate（{'position'：'absolute'，'top'：'10px'，不透明度：1}，1）；
$（.media-nav8”）.animate（{'position'：'absolute'，'margin-top'：'450px'，不透明度：1}，1）；
$（“#copy9”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav9”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy10”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav10”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy11”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav11”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy12”）。动画（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav12”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy13”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav13”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy14”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav14”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy15”）.animate（{'position'：'absolute'，'top'：'-390px'，不透明度：1}，1）；
$（.media-nav15”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（“#copy16”）.animate（{'position'：'absolute'，'top'：'10px'，不透明度：1}，1）；
//$（.media-nav16”）.animate（{'position'：'absolute'，'top'：'400px'，不透明度：1}，1）；
$（函数（）{
setInterval（函数（）{
$（“#copy2”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'0px'，不透明度：1}，1700）；
$（“.media-nav2”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“#copy3”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'0px'，不透明度：1}，1700）；
$（“.media-nav3”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“#copy4”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'0px'，不透明度：1}，1700）；
$（“.media-nav4”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“#copy5”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'0px'，不透明度：1}，1700）；
$（“.media-nav5”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“#copy6”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'0px'，不透明度：1}，1700）；
$（“.media-nav6”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“#copy7”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“.media-nav7”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'margin-top'：'250px'，不透明度：1}，1700）；
$（“#copy8”）//获取所有s//重置其背景色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'top'：'250px'，不透明度：1}，1700）；
$（“.media-nav8”）//获取所有s//重置其背景颜色
.filter（“：onScreen”）//在屏幕上仅获取s
.animate（{'position'：'absolute'，'margin-top'：'250px'，不透明度：1}，1700）；
$（“复印件9”）
}, 1);  // repeat every second

}, 1000);  // repeat every second

 $(document).ready(function () {

        setInterval(function () {
            $('[id^="copy"]').each(function () {
                currentCopyID = $(this).attr('id');
                currentID = currentCopyID.substring(4, currentCopyID.length);

                if (!$(this).visible(true)) {
                    $(this).transition({ 'position': 'absolute', 'top': '-380px', opacity: 1 }, 1);
                    $(".media-nav" + currentID).transition({ 'position': 'absolute', 'top': '380px', opacity: 1 }, 1);
                }
                else {
                    $(this).filter(":onScreen").transition({ 'position': 'absolute', 'top': '0px', opacity: 1 }, 1700);
                    $(".media-nav" + currentID).filter(":onScreen").transition({ 'position': 'absolute', 'top': '250px', opacity: 1 }, 1700);
                }
            });
        }, 1150);

    });