feat: stop autoplay when hover

Author: shhdgit

README.md

@@ -110,6 +110,7 @@ Slider：
 | touch           | Boolean                          | true       | Enable touch slide                                                     |
 | animation       | 'normal', 'fade'                 | 'normal'   | Change animation                                                       |
 | autoplay        | Boolean                          | true       | Autoplay                                                               |
+| stopOnHover     | Boolean                          | false      | Stop autoplay when hover                                                               |
 | interval        | Number                           | 3000       | Delay of autoplay ( autoplay option should be true )                   |
 | speed           | Number                           | 500        | Speed(ms) of animation                                                 |
 | indicators      | 'center', 'left', 'right', false | 'center'   | Show indicators on option position or hide indicators                  |

demo/index.html

@@ -70,6 +70,27 @@
               ]),
             3000,
           )
+          setTimeout(
+            () =>
+              (this.list = [
+                {
+                  backgroundColor: '#3f51b5',
+                  width: '100%',
+                  height: '100%',
+                },
+                {
+                  backgroundColor: '#eee',
+                  width: '100%',
+                  height: '100%',
+                },
+                {
+                  backgroundColor: '#f44336',
+                  width: '100%',
+                  height: '100%',
+                },
+              ]),
+            5000,
+          )
         },
       })
     </script>