问题描述
想象一下,游戏中滚动着一堆文字,当屏幕上显示所有税款时,光标会闪烁,告诉用户他们应该点击继续。这就是我正在努力实现的目标。
const timeline = window.anime.timeline({});
const blinkingCursor = $('<div class="blinking-cursor"><img src="https://static8.depositphotos.com/1320280/970/i/600/depositphotos_9703648-stock-photo-click-it.jpg" style="width: 50px"></img></div>')
.appendTo("body")
timeline.add(
{
targets: blinkingCursor.get(0),easing: 'eaSEOutExpo',keyframes: [
{ opacity: 1 },{ opacity: 0 },],duration: 2000,loop: true,direction: 'alternate',});
const blinkingCursor2 = blinkingCursor.clone().appendTo("body")
anime(
{
targets: blinkingCursor2.get(0),opacity: [
{ value: 1,duration: 1000 },{ value: 0,});
const blinkingCursor3 = blinkingCursor.clone().appendTo("body")
anime(
{
targets: blinkingCursor3.get(0),});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
如果您运行此代码,您将看到第一个示例仅运行一次。为什么会这样,我如何让它循环?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)