预览多个图片链接

由于某种需要，制作图片预览，有功能即可，无须理会外观。

这里用到settimeout函数来延时打开，避免手机浏览打开太多直接宕机。
由于中考在即，时间也不是很多，不啰嗦了，直接上

代码

<textarea id="codes" rows="10"></textarea><br>
<button type="button" onclick="three(0)">每3秒打开一张图片</button><button type="button" onclick="five(0)">每3秒打开一张图片</button><button type="button" onclick="clean()">清空图片</button><button type="button" onclick="zero()">瞬开</button><br>
<div class="content">
</div>
<script>
function three(n){
    var b = $("#codes").val();
    var a = b.split("\n");
    if (n==a.length){
        return
    };
    $(".content").append("<img src='" + a[n] + "'><br>");
    num = n+1;
    setTimeout(three,3000,num);
}
function five(n){
    var b = $("#codes").val();
    var a = b.split("\n");
    if (n==a.length){
        return
    };
    $(".content").append("<img src='" + a[n] + "'><br>");
    num = n+1;
    setTimeout(three,5000,num);
}
function clean(n){
    $(".content").html("");
}
function zero(){
    var b = $("#codes").val();
    var a = b.split("\n");
    for (var i=0;i<a.length;i++){
        $(".content").append("<img src='" + a[i] + "'><br>");
    }
}
</script>

成品

点我