10秒后显示div并在10秒后隐藏

时间:2013-01-31 06:45:18

标签: javascript jquery css-transitions

我需要在页面加载后在10秒内显示一个div(例如#mybox),让它在10秒内保持可见,然后用漂亮的滑入/滑出效果隐藏。

非常感谢任何提示/帮助!

6 个答案:

答案 0 :(得分:6)

请使用以下功能:

cycle();
function cycle() {
     $('#myid')
    .delay(10000)
    .fadeIn(300)
    .delay(10000)
    .fadeOut(300, cycle);
}

如果我们不需要循环,那么只需要一行代码:

$('#myid').delay(10000).fadeIn(300).delay(10000).fadeOut(300);

答案 1 :(得分:2)

$(function(){
  setTimeout(function(){
    $('ur_element').show(function(){
      setTimeout(function(){
        $('ur_element').hide()
      }, 10000)
    })
  }, 10000)
})

答案 2 :(得分:2)

也许你可以尝试这样的事情。

setTimeout(show_div, 10000);
setTimeout(hide_div, 20000);

funciton show_div(){
    $('#mybox').show();
}

funciton hide_div(){
    $('#mybox').hide();
}

答案 3 :(得分:2)

可能是这样的:http://jsfiddle.net/EzvGD/2/

$(function(){ //-----------------when page loads fire the code below.
  $('#div').delay(10000).show('slow').promise().done(function(){
     $('#div').delay(10000).hide('slow')
  });
});

答案 4 :(得分:1)

将来最好向我们展示您尝试过的内容,以便我们都能帮助您改进代码。

如果不知道你的处理方式,我会给你许多方法之一。

使用jQuery

setTimeout(function() {
  $('#div1').slideIn();
  setTimeout(function() {
     $('#div1').slideOut();    
  }, 10000);
}, 10000);

答案 5 :(得分:0)

http://jsfiddle.net/tzvemt4m/

import org.apache.spark.sql.functions._

df.select(substring($"Columnname", 0, 1) as "ch")
    .withColumn("result", when($"ch".isin("D", "A"), 1).otherwise(0))