为我的弹出模式添加一个缓慢的淡入淡出效果

Question

谁能告诉我如何对我当前在点击事件时打开的弹出模式做一个缓慢的淡入淡出效果？

这是我的代码

var THRESHOLD = 5 * 1000;
var lastActive = Date.now();
$(window).on('click', function() {
    if (Date.now() > lastActive + THRESHOLD) {
     $('#modal').css('display','block');
    }
    lastActive = Date.now();
});

非常感谢

Answer 1

在 jQuery 中有一个默认的 fadeIn()/fadeOut() 函数你可以使用，在那里你可以以毫秒为单位传递值，这是 fading-in/out 你的内容的速度

var THRESHOLD = 5 * 1000;
var lastActive = Date.now();
$(window).on('click', function() {
    if (Date.now() > lastActive + THRESHOLD) {
        $('#modal').fadeIn( 500 );
    }
    lastActive = Date.now();
});

为我的弹出模式添加一个缓慢的淡入淡出效果

Add a slow fadein effect to my popup modal

jquery

events

fadein