Question

我需要你的帮助：

我正在尝试在屏幕右下方显示一个引导警报加载网站5秒后自动页面。

我怎样才能做到这一点。我尽我所能，但我无法使它发挥作用。

非常感谢你的帮助。

Answer 1

结帐Timeout。

setTimeout(function() {

  //Your code here

}, 5000); //5000 miliseconds

setTimeout(function() {
  alert("Hello");
}, 5000); //In miliseconds

In 5 seconds, an alert will appear...

Answer 2

关键是使用setTimeout，间隔为ms。

这是一个工作的傻瓜，警报在右下方。

https://plnkr.co/edit/S15Fp7DcPzB5EarnWVk6

$( document ).ready(function() {
    var time = 5000 //five seconds
    $('#alert').hide();
    setTimeout(function() {
      $('#alert').show();
    }, time);
});

Answer 3

您可以使用setTimeout功能。这是一个例子

$('#my-alert').hide();
setTimeout(function(){ $('#my-alert').show() }, 5000);

这是小提琴：https://jsfiddle.net/pnpu2bnm/2/

Answer 4

我已经使用this jsFiddle

为您完成了这项工作

<强> HTML：

<div class="alert alert-success" id="myAlert">
     Hello World!
</div>

<强> CSS：

#myAlert
{
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 33%;
  margin: 20px;
}

<强>使用Javascript：

setTimeout(function(){ 
    $('#myAlert').fadeIn('slow'); 
}, 5000);

确保在结束标记之前将javascript放在页面底部（并用标记包装

Answer 5

再加上Chris Happy的回答：

使用一点jQuery，您可以将警报设置为在超时函数内可见：

$("#alertToShow").show();

setTimeout(function() {
  $("#alertToShow").show();
}, 5000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
In 5 seconds, an alert will appear...

<div id = "alertToShow" class = "alert alert-danger" style = "display: none">
  This is an alert
</div>

或者，您可以调查jQuery .append()函数，为您的网页添加提醒。

如何在给定的时间范围后自动打开引导警报？

5 个答案: