小编Tim*_*all的帖子

这个怎么运作

.png下面显示的图像被剪切为带有动画的文本;

在行动中

body { background: #000000; }

.Wave-Loader {
	text-transform: uppercase;
	font-family: 'Cabin Condensed', sans-serif;
	font-weight: bold;
	font-size: 100pt;
	text-align: center;
	height: 120px;
	line-height: 110px;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
}

.Wave-Loader.Wave {
	background-image: url("http://i.imgur.com/uFpLbYt.png");
	-moz-background-clip: text;
	-o-background-clip: text;
	  -webkit-background-clip: text;
		background-clip: text;
	color: transparent;
	text-shadow: 0px 0px rgba(255, 255, 255, 0.06);
	animation: Wave-Loader 1s infinite linear;
	background-size: 200px 100px;
	background-repeat: repeat-x;
	opacity: 1;
}
@keyframes Wave-Loader {
	0% { background-position: …

我想要实现的目标

在在线游戏中,您可以实现奖励和其他基于能量的目标.一个人可能需要总共24,000个能量,这是一个基于时间的能量,而其他人只有25个.基于在用户睡觉或诸如此类的情况下以0能量开始并且没有能量损失,我希望计算获取需要多长时间所需的能量.

--------------------------------------------------------------------
|   Energy      |   Cooldown   |  Additional  |   Limit   |  wait  |
|               |              |    Energy    |           |        |
--------------------------------------------------------------------
|   Natural     |   10 minutes |     5        |   N/A     |    Y   |
|   Booster 1   |   24 hours   |     150      |   1 p/24h |    Y   |
|   Booster 2   |   6 hours    |     150      |   4 p/24h |    N   |
|   Booster 3   |   6 hours    |     250      |   4 p/24h |    Y   |
--------------------------------------------------------------------

一个人在24小时内可以达到的总能量是2,470,通过720自然能量,150来自Booster 1,600来自Booster 2,1,000来自Booster …

我的jQuery脚本:

我的jQuery脚本是一个非常大的文件,但我已将其修改为此问题的最相关部分,如下所示;

$(document).ready(function() {
    "use strict";

    $(document).on('click', function(e) {

        if (($(e.target).attr('data-action')) || $(e.target).parent().data('action')) {

            if ($(e.target).attr('data-action')) {
                action = $(e.target).data('action');
            } else {
                action = $(e.target).parent().data('action');
            }

            switch (action) {

                case 'mail-pin':
                    // Code for 'mail-pin' click
                    break;

                default:
                    return;
            }
        }
    });
});

我的HTML结构:

<!-- === INBOX LIST STARTS === -->
<div class="inbox-content clearfix">
    <div class="Head">
        <!-- Code for inbox header -->
    </div>
    <div class="Body clearfix">
        <div class="Pinned">
            <div class="Mail clearfix" data-mail-ID="1234">
                <!-- Mail Item -->
            </div>
            <div class="Mail …