这是一个创建于 2959 天前的主题，其中的信息可能已经有所发展或是发生改变。
新手正在自学 js ，想实现打字机效果 但是没成功 请各位看一下 谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="autotype">This is a test</div>
<script type="text/javascript">
$.fn.autotype = function() {
var $tt = $(this);
var str = $tt.html();
var index = 0;
$(this).html('');
var timer = setInterval(function() {
var current = str.substr(index, 1);
if (current == '<')
index = str.indexOf('>', index) + 1;
else
index++;
$tt.html(str.substring(0, index) + (index & 1 ? '_' : ''));
if (index >= str.length)
clearInterval(timer);
}, 55);
};
$("#autotype").autotype();
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="autotype">This is a test</div>
<script type="text/javascript">
$.fn.autotype = function() {
var $tt = $(this);
var str = $tt.html();
var index = 0;
$(this).html('');
var timer = setInterval(function() {
var current = str.substr(index, 1);
if (current == '<')
index = str.indexOf('>', index) + 1;
else
index++;
$tt.html(str.substring(0, index) + (index & 1 ? '_' : ''));
if (index >= str.length)
clearInterval(timer);
}, 55);
};
$("#autotype").autotype();
</script>
</body>
</html>
 |
1
Mirachael 2016-03-22 10:08:45 +08:00  1
可以的啊
|
 |
2
Howcouleyoubeso OP @mojixiang1102 你那里能显示吗 为什么我这不行。。
|
|
3
Mirachael 2016-03-23 12:30:45 +08:00 1
|
|
4
Howcouleyoubeso OP @mojixiang1102 不知道为什么 在 Sublime 编辑后没效果..
|
|
5
Mirachael 2016-03-23 23:08:10 +08:00 1
@Howcouleyoubeso 要引入 jquery 的啊 ，这点不用说吧。
|
|
6
Howcouleyoubeso OP @mojixiang1102 ok
|
Select Language