update:歌曲播放完善循环和单曲循环功能v1

src/main/resources/static/coin.html

@@ -27,6 +27,11 @@
         display: none;
     }
 
+    .music_highlight {
+        background-color: rgba(70, 169, 244, .72);
+        font-weight: bold;
+    }
+
     #watchlistpreview, #musicpreview {
         display: none;
         position: absolute;

src/main/resources/static/js/my-coin.js

@@ -310,7 +310,25 @@ function handleSelectChange(objj) {
                             }, 3000);
                         }
                     } else if (playRule === '2') {
-                        $('#apis-quiet-content').find(".contentTD > tr")[0].find("button.apis-quiet-div-music-play").click();
+                        let nextTr = $("#apis-quiet-content").find(".contentTD").find('td.music_highlight').parent("tr").next("tr");
+                        if (nextTr.length > 0) {
+                            $(this).find("button.apis-quiet-div-music-play").click();
+                        } else {
+                            let musicPageNo = $("#apis-quiet-div-music-pageNo").val();
+                            let musicPages = $("#apis-quiet-div-music-pages").val();
+                            if (musicPageNo < musicPages) {
+                                $("#apis-quiet-div-music").find("button[pageo='next']").click();
+                            } else {
+                                $("#apis-quiet-div-music-pageNo").val(1);
+                                $("#apis-quiet-div").find("button.apis-quiet-div-button2").click();
+                            }
+
+                            setTimeout(function () {
+                                $('#apis-quiet-content').find(".contentTD > tr").eq(0).find("button.apis-quiet-div-music-play").click();
+                            }, 3000);
+                        }
+                    } else if (playRule === '3') {
+                        $("#apis-quiet-content").find(".contentTD").find('td.music_highlight').parent("tr").find("button.apis-quiet-div-music-play").click();
                     }
                 });
                 $("button.apis-quiet-div-music-start").click(function () {
@@ -338,7 +356,9 @@ function handleSelectChange(objj) {
                             }, 3000);
                         }
                     } else if (playRule === '2') {
-                        $('#apis-quiet-content').find(".contentTD > tr")[0].find("button.apis-quiet-div-music-play").click();
+                        $('#apis-quiet-content').find(".contentTD > tr").eq(0).find("button.apis-quiet-div-music-play").click();
+                    } else if (playRule === '3') {
+                        $('#apis-quiet-content').find(".contentTD > tr").eq(0).find("button.apis-quiet-div-music-play").click();
                     }
                 });
             } else {
@@ -401,6 +421,10 @@ function handleSelectChange(objj) {
             });
             $("div[id^=apis-quiet-div-]").find("select").unbind("change");
             $("#apis-quiet-div-" + nameEn).find("select").change(function (e) {
+                if ($(this).attr("id") === 'apis-quiet-div-music-playRuleField') {
+                    return;
+                }
+
                 $(".apis-quiet-div-button2").click();
             });
         }
@@ -850,6 +874,9 @@ function initContentEvent(nameEn) {
                 $("#apis-quiet-content > audio")[0].load();
                 $("#apis-quiet-content > audio")[0].play();
             }
+
+            $("#apis-quiet-content").find(".contentTD > tr").find('td:nth-child(2)').removeClass("music_highlight");
+            $(this).parent("td").parent("tr").find('td:nth-child(2)').addClass("music_highlight");
         });
         /*$(".apis-quiet-div-music-pause").click(function () {
             var symbol = $(this).attr("symbolName");