打字机对Internet Explorer的影响:不删除字符串吗?

时间:2019-03-04 03:10:50

标签: javascript internet-explorer

JS打字机代码如下。

我的问题是什么?我的字符串未在Internet Explorer上删除:screenshot example attached of run-on strings

我的问题:我该如何解决?

我的打字机效果在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>

0 个答案:

没有答案