Question

我正在尝试显示窗口的尺寸，最后我能够做到：

我现在想要的是在调整大小后一秒钟后淡出输出文本;这有可能吗？

$(window).on('resize', showSize);
showSize();
function showSize() {
    $('#size').html($(window).height() + 'px x ' + $(window).width() + 'px');

}

Answer 1

试试这个：

$(window).on('resize', showSize);
showSize();
function showSize() {
$('#size').html($(window).height() + 'px x ' + $(window).width() + 'px');
setTimeout(function() {
$('#size').fadeOut();
}, 1000 );
}

请参阅fiddle

Answer 2

  $(window).on('resize', showSize);
  showSize();
  function showSize() {
    $('#size').show(); // show
    $('#size').html($(window).height() + 'px x ' + $(window).width() + 'px');
    setTimeout(function(){
        $('#size').fadeOut(); // hide after 1 second
    }, 1000);
  }

更新小提琴：https://jsfiddle.net/r1vmjxx9/2/

Javascript代码在1秒后淡出输出

2 个答案: