Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于在1秒后淡入输出的Javascript代码_Javascript_Jquery_Html_Css - Fatal编程技术网

用于在1秒后淡入输出的Javascript代码

用于在1秒后淡入输出的Javascript代码,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试显示窗口的尺寸,最终我能够做到: 我现在只想在调整大小一秒钟后淡出输出文本;这可能吗 $(window).on('resize', showSize); showSize(); function showSize() { $('#size').html($(window).height() + 'px x ' + $(window).width() + 'px'); }试试这个: $(window).on('resize', showSize); showSize(); fu

我正在尝试显示窗口的尺寸,最终我能够做到:

我现在只想在调整大小一秒钟后淡出输出文本;这可能吗

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

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


更新的小提琴:

你的答案也是正确的!你是对的;固定的!
  $(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);
  }