- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试访问动画事件的 elapsedTime
属性,如 MDN 中所示。 .
当我检查对象时,我可以看到具有相应值的属性,但是当我在控制台中记录它时,我变得不确定。以下是示例代码:
HTML
<div id='box'></div>
CSS
#box {
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:red;
animation: move 5s infinite;
}
@keyframes move {
0% { left: 0; }
50% { left:90%; }
100% { left: 0;}
}
JS
$("#box").on("animationiteration webkitAnimationIteration", function (e) {
console.log(e.elapsedTime); // this logs undefined
});
我已经设置了一个 fiddle here
最佳答案
正确的语法是
console.log(e.originalEvent.elapsedTime);
在javaScript事件中,变量是elapsedtime,所以你可以像以前一样访问它
javascriptevent.elapsedTime
但是,您是在 jQuery 中设置事件函数。 jQuery 事件有很多镜像的 javascript 变量,但不是全部。
要访问 jQuery 事件中未镜像的 javascript 变量,您有 originalEvent 对象,即 jQuery 事件中的原始 javascript 事件。
所以,语法是
jQueryEvent.originalEvent.elapsedTime
使用相同的语法访问所有未在 jQuery 事件中镜像的变量
关于javascript - 为什么动画事件的elapsedTime属性未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25080498/
ElapsedTime 性能计数器的正确初始值是多少?当我的应用程序启动时,我将性能计数器实例的 .RawValue 设置为 0,但这是不正确的。看起来它需要基于当前时间,但我不确定我应该使用的实际值
我正在为斐波那契算法开发一个小项目。 我正在使用以下方法计算算法。请注意,elapsedTime() 返回一个 double。 public static void fibonacciSequence
有没有办法在 .NET 中使用格式化字符串将给定值转换为耗时?例如,如果我的值为 4000 并且格式化字符串为“mm:ss”,我应该得到耗时为 66:40。 谢谢数据 最佳答案 您可以使用 TimeS
我的应用程序的一个核心功能是允许用户跟踪在某个位置花费的时间。然而,我遇到了(显然)一个严重的错误。我有两个核心数据实体:Location 用于保存用户的位置 - 和 TimeSpentStudyin
是否有一种简单的方法来查询 yarn 应用程序 api 以获取运行超过 x 时间的应用程序? 下面的 url 给出了一个应用程序列表,但看起来不符合 elapsedTime 参数 http://:/w
我正在为学校元素制作游戏。前提是屏幕右边会有敌人过来,你必须击杀他们。我已经设法创建它们以便显示它们,但我无法设法让它们不同时出现。关于我应该如何继续这个的任何提示? (抱歉,如果表述不当,我对这些东
我找不到使用 QuartzCore 让秒表显示从 00:00:00 开始的方法。它总是从 07:00:00 开始。 有没有办法将开始时间格式化为 00:00:00?代码如下。 谢谢!! 类: impo
我是一名优秀的程序员,十分优秀!