1. 程式人生 > 實用技巧 >jquery動態輸入

jquery動態輸入

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script
> <script type="text/javascript"> $(document).ready(function() { var offset = 0; var jqSpan = $("span"); inputEveryOne("暫不恢復旅行社及線上旅遊企業出入境團隊旅遊及“機票+酒店”業務"); function inputEveryOne(val) { var
timer; var arr = []; arr = val.split(""); timer = setInterval(function() { jqSpan.text(jqSpan.text() + arr[offset]); if (++offset >= arr.length) { clearInterval(timer);
return; } }, 200); } }); </script> </head> <body> <h1> 官方: <span></span> </h1> </body> </html>