<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> s</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<button οnclick="run()">Go</button>
<p>准备...</p>
<script>
function run(){
console.log('loading效果图旋转中')
var p1 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第一个加载完成了');
resolve();
}, 1000);
})
var p2 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第三个加载完成了');
resolve();
}, 2000);
})
var p3 = new Promise(function(resolve,reject){
setTimeout(() => {
console.log('第二个加载完成了');
resolve();
}, 3000);
})
Promise.all([p1,p2,p3]).then(function(){
console.log('loading效果图消失');
})
}
</script>
生日: <input id="bt" type="text" name="bday" value="123">
</body>
</html>