首先引入一个JQuery
<script src="~/JQuery/layui-v2.4.5/layui/layui.js"></script>
然后设置内容并把它放在一个函数里
function xh() {
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
title: '人类的本质是?',
type: 1,
content: '人类的本质是什么?复读机?还是鸽子?',
area: ['350px', '250px'],
shade: 0,
offset: [
(600 * Math.random()),
(1200 * Math.random())
],
btn: ['当然是复读机', '当然是鸽子'],
yes: function () {
alert("准备好接受复读机的洗礼了吗");
xh2();
},
btn2: function () {
alert("咕咕咕咕咕咕咕咕");
layer.closeAll();
}
});
});
}
然后设置一个循环函数
function xh2() {
var i = 0;
var j = 100;
while (i < j) {
xh();
i++;
}
}
再设置一个a标签并设置样式
<div>
<a href="#" id="ZH">点击召唤复读机</a>
</div>
<style>
#ZH{
display:block;
width:90px;
height:20px;
margin:auto;
background:#00ffff;
font-size:12px;
}
</style>
最后调用函数
var ZH = document.getElementById("ZH");
ZH.onclick = function () {
xh2();
}
执行结果如下
点击召唤