按顺序运行Js代码

Run Js code in sequience

本文关键字:代码 Js 运行 顺序      更新时间:2023-09-26

我有这个JS代码,我正在使用Lazy Line Painter,我正在尝试使它按顺序运行。我尝试过不同的方法,但都不起作用。有人能告诉我我能按顺序运行这个代码吗。

代码:

$(document).ready(function(){ 
 $('#SEO_seo').lazylinepainter( 
 {
    "svgData": pathObj8,
    "strokeWidth": 2,
    "strokeColor": "black"
}).lazylinepainter('paint'); 
$('#SEO_internet').lazylinepainter( 
 {
    "svgData": pathObj6,
    "strokeWidth": 2,
    "strokeColor": "#2b357a"
}).lazylinepainter('paint'); 
$('#SEO_optmization').lazylinepainter( 
 {
    "svgData": pathObj5,
    "strokeWidth": 2,
    "strokeColor": "#3999b2"
}).lazylinepainter('paint'); 
});
 $(document).ready(function(){ 
 $('#SEO_marketing').lazylinepainter( 
 {
    "svgData": pathObj3,
    "strokeWidth": 2,
    "strokeColor": "#35a245"
}).lazylinepainter('paint'); 
 });
 $(document).ready(function(){ 
 $('#SEO_html').lazylinepainter( 
 {
    "svgData": pathObj4,
    "strokeWidth": 2,
    "strokeColor": "#075e33"
}).lazylinepainter('paint'); 
 });
 $(document).ready(function(){ 
 $('#SEO_web').lazylinepainter( 
 {
    "svgData": pathObj1,
    "strokeWidth": 2,
    "strokeColor": "#b51d2a"
}).lazylinepainter('paint'); 
 });
 $(document).ready(function(){ 
 $('#SEO_mobile_blog').lazylinepainter( 
 {
    "svgData": pathObj2,
    "strokeWidth": 2,
    "strokeColor": "#da5125"
}).lazylinepainter('paint'); 
 });
 $(document).ready(function(){ 
 $('#SEO_rank').lazylinepainter( 
 {
    "svgData": pathObj7,
    "strokeWidth": 2,
    "strokeColor": "#8b2477"
}).lazylinepainter('paint'); 
 });
  $(document).ready(function(){ 
 $('#SEO_design').lazylinepainter( 
 {
    "svgData": pathObj,
    "strokeWidth": 2,
    "strokeColor": "#cf1c53"
}).lazylinepainter('paint'); 
 });

使用Lazy Line Painter的回调功能,如下所示:

$(document).ready(function){/*定义所有回调*/var function8=函数(){$('#SEO_design').lazylinepainter({"svgData":pathObj,"strokeWidth":2,"strokeColor":"#cf1c53"}).lazylinepaint("油漆");};var function7=函数(){$('#SEO_rank').lazylinepainter({"svgData":pathObj7,"strokeWidth":2,"strokeColor":"#8b22477","onComplete":函数8//使用回调}).lazylinepaint("油漆");};var function6=函数(){$('#SEO_mobile_blog').lazylinepainter({"svgData":pathObj2,"strokeWidth":2,"strokeColor":"#da5125","onComplete":function7//使用回调}).lazylinepaint("油漆");};var function5=函数(){$('#SEO_web').lazylinepainter({"svgData":pathObj1,"strokeWidth":2,"strokeColor":"#b51d2a","onComplete":函数6//使用回调}).lazylinepaint("油漆");};var function4=函数(){+$('#SEO_html').lazylinepainter({"svgData":pathObj4,"strokeWidth":2,"strokeColor":"#075e33","onComplete":function5//使用回调}).lazylinepaint("油漆");};var function3=函数(){$('#SEO_marketing').lazylinepainter({"svgData":pathObj3,"strokeWidth":2,"strokeColor":"#35a245","onComplete":function4//使用回调}).lazylinepaint("油漆");};var function2=函数(){$('#SEO_optimization').lazylinepainter({"svgData":pathObj5,"strokeWidth":2,"strokeColor":"#399b2","onComplete":函数3//使用回调}).lazylinepaint("油漆");};var function1=函数(){$('#SEO_internet').lazylinepainter({"svgData":pathObj6,"strokeWidth":2,"strokeColor":"#2b357a","onComplete":function2//使用回调}).lazylinepaint("油漆");};$('#SEO_SEO').lazylinepainter({"svgData":pathObj8,"strokeWidth":2,"strokeColor":"黑色","onComplete":function1//使用回调}).lazylinepaint("油漆");});

希望它能有所帮助!