按顺序运行Js代码
Run Js code in sequience
我有这个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("油漆");});
希望它能有所帮助!
相关文章:
- Meteor JS中代码的重复使用部分
- 骨干模型默认值-todos.js示例中不必要的代码
- 为什么indexOf在这个js代码中不起作用
- 点击facebook像素跟踪注册(JS/JQUERY代码)
- js代码从jQuery转换为原生代码
- JS代码中的减号
- 将JS函数传递给Emscripten生成的代码
- 谷歌地图Api和JS代码不工作
- HTML 5 和 3.js 代码不会在网页上显示任何内容
- Node.js:异步代码 + js 闭包的问题
- Chrome 开发者工具 - 控制台.log原生代码 JS
- 为jQuery和KNOCKOUT通用化javascript代码.js成为一个可重用的模块
- .ninnerHtml代码(JS/JQuery)无法识别html表中的动态内容
- 生成唯一的6位代码js
- 我得到了“;赋值中的左侧无效“;在我的代码(JS)中
- 更改代码(JS)中JQuery Mobile Calendar日期的状态
- 如何改进代码JS(Jquery)?一个简单的下拉列表
- 从传输中了解代码.js
- 这段代码(JS)的区别是什么?
- JavaScript倒计时计时器代码[JS]