是否可以将javascript变量添加到JQuery.css（）中？

我有一个javascript函数，里面有一个循环

function blackOut() {
'use strict';
for (i = 100; i > 0; i = i - 1) {
    $("body").css();
    }
}

我想使用JQuery函数.css（）添加此css代码

这样屏幕就会变黑

---

我应该在.css（）中写些什么，使变量“I”也可以在里面呢？

这应该是个窍门：

function blackOut() {
'use strict';
$body = $("body");
for (i = 100; i > 0; i = i - 1) {
    $body.css('-webkit-filter', 'brightness('+ i +')');
    $body.css('filter', 'brightness('+ i +')');
    }
}

---

尝试使用animate，这意味着jquery的animate函数允许您在给定的时间段内更改css值。它是为这个目的而设计的。请看这里的文档

function blackOut() {
'use strict';
$body = $("body");
for (i = 100; i > 0; i = i - 1) {
    $body.css('-webkit-filter', 'brightness('+ i +')');
    $body.css('filter', 'brightness('+ i +')');
    }
}