一款对话网页游戏-对话部分

##一款对话网页游戏–对话

function fontshow(obj,name){
//obj是传过来的数据，name是用来区别别人或者自己
//想要实现一条一条出现的对话框，用for循环太快了，所以我这里选择使用setTimeout
	var ai=0//相当于for循环的第一个变量
	var aj=0//这是第二个
	var s=setInterval(function(){
		//takebox_border 是用来放对话框的大盒子
		$('#takebox_border').append(`<div class='askadiv ${name}'>
		
				<span class="system">${obj.npcask[ai].name}</span>:${obj.npcask[ai].sp[aj]}
			</div>`)
			//每次追加一条对话框之后执行动画
		$(".askadiv:last").stop().animate({
				'width':'510px',
				'height':'40px'
			},300)
			//变宽变高
		if(aj<obj.npcask[ai].sp.length-1){
			aj++
			//当aj小于第一个循环条件的时候
		}else{
			if(ai<obj.npcask.length-1){
				//当aj小于第二个循环条件的时候
				aj=0
				ai++
			}else{
				clearInterval(s)
				//清除计时器
			}
		}
		
	},600)

下面是数据的写法
请自己更改

var a_json=[
	{
		idnum:1,
		npcask:[
				{"name":"旁白",
					sp:[
						"这里是浅墨惜玉的另一个世界线（东东出来背锅）",
						"Welcome to Shallow ink cherishes jade"
					]
				},
				{
					"name":"系统",
					sp:[
						"游戏开始"
					]
				}
			],
		player:[
			"好的。",
			"没问题"
		],
		playerS:[
			"恩啊。。",
			"走着"
		]
	},{
		idnum:2,
		npcask:[
					{"name":"老白",
						sp:[
							"诶，前面那个，等下一啊，没见过你诶",
							"您哪位啊"
						]
					}
				],
		player:[
			"扭头就跑",
			"我是",
			"我是"
		]
	},{
		idnum:3,
		npcask:[
					{"name":"老白",
						sp:[
							"诶，前面那个，等下一啊，没见过你诶",
							"您哪位啊"
						]
					}
				],
		player:[
			"……"
		]
	}
]