返回介绍

.repeat()

发布于 2020-01-04 14:05:34 字数 2135 浏览 1280 评论 0 收藏 0

.repeat( value:Number ) : *
获取或者设定动画在第一次完成后的重复次数。

var repeat = myTween.repeat(); //gets current repeat value
myTween.repeat(2); //sets repeat to 2

.repeat()适用于TweenMax

.repeat()的参数

.repeat() 示例


  duration: 0 单次动画持续的时间
  totalDuration: 0 全部重复动画加重复间隔的持续时间
  repeat: 0 of  重复次数
  time: 1 时间
  totalTime: 1 总时间
  progress: 1 单次动画进程
  totalProgress: 1 总进程
body {
    background: #f8f8f8;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0 10px;
    padding: 0;
}
.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
    display:inline-block
  }
.green{
    background-color:#6fb936;
  }
#stats{
    line-height:2;
margin-top:1em;
}
var myTween=new TweenMax('.box', 3, {
    x: 500,
    repeat: 3,
    repeatDelay:2, 
    onUpdate:updateStats, 
    onRepeat:updateReps, 
});
var duration = document.getElementById("duration"),
    totalDuration = document.getElementById("totalDuration"),
    repeatCount = document.getElementById("repeatCount"),
    totalRepeatCount = document.getElementById("totalRepeatCount"),
    time = document.getElementById("time"),
    totalTime = document.getElementById("totalTime"),
    progress = document.getElementById("progress"),
    totalProgress = document.getElementById("totalProgress"),
    reps = 0;
function updateReps() {
  reps++;
  repeatCount.innerHTML = reps;
}
function updateStats() {
  time.innerHTML = myTween.time().toFixed(2);
  totalTime.innerHTML = myTween.totalTime().toFixed(2);
  progress.innerHTML = myTween.progress().toFixed(2);
  totalProgress.innerHTML = myTween.totalProgress().toFixed(2);
}
function reset() {
  reps = 0;
  duration.innerHTML = myTween.duration().toFixed(2);
  totalDuration.innerHTML = myTween.totalDuration().toFixed(2);
  repeatCount.innerHTML = reps;
  totalRepeatCount.innerHTML = myTween.repeat();
}
reset();

.repeat()返回值

.repeat()的补充说明

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文