JavaScript 实现input输入框逐字输入效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-1.11.2.js"></script>
</head>
<body>
<input id="container"></input>
<script type="text/javascript">
$("#container").on("click",function(){
var con = $("#container");
var s = "4301819";
var len = s.length;
var index = 0;
var tid = null;
con.val('');
tid = setInterval(function(){
//con.append(s.charAt(index)); // 更新text属性可以用append,比如更新div中的内容
con.val(con.val() + s.charAt(index));
if(index ++ === len){
clearInterval(tid);
index = 0;
}
},100);
});
</script>
</body>
</html> 相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22