JS打字机代码如下。
我的问题是什么?我的字符串未在Internet Explorer上删除:
我的问题:我该如何解决?
我的打字机效果在Chrome和Edge浏览器上是否可以正常工作?是!删除字符串,并按编码进行到下一个字符串。
预先感谢您的帮助,
迈克
var app = document.getElementById('typewriter');
var typewriter = new Typewriter(app, {
loop: true,
delay: 40,
});
typewriter.typeString('travel & leisure')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
typewriter.typeString('coffee shops')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
.typeString('auto dealers')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
.typeString('realtors')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
.typeString('lawyers')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
.typeString('dentists')
.pauseFor(550)
.deleteAll(1)
.pauseFor(900)
.start()
#typewriter {
font-family: Montserrat, sans-serif;
font-size: 39.8px;
font-weight: lighter;
color: #898989
}
.Typewriter__cursor {
font-size: 45px;
color: #919191;
font-style: normal;
}
</style>
<script src="https://unpkg.com/typewriter-effect/dist/core.js"></script>
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin|Montserrat" rel="stylesheet">
<!-- Parallax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image';
if (document.querySelector(targets)) {
var rellax = new Rellax(targets, {
speed: -4,
center: true
});
}
});
</script>
<!-- end Parallax -->
<div id="typewriter"></div>