javascript - 如何创建一个出现在窗口底 Angular 的 DIV(在一定时间后)？

Question

我想创建一个“LiveChat Offering”弹出窗口，当我们的访问者到达特定页面并在该页面停留 30 秒左右后，它会出现在屏幕底部。如果可能的话，我想保留代码 jQuery/CSS。

<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript">Some jQuery that will change the 'display:hidden;' to 'display:block;' on the DIV after 30 seconds</script>

<div id="live-chat" style="position:absolute;bottom:0px; right:100px;z-index:5;display:none;>
 <h4>Need Help?</h4>
 <p>Click the link below for assistance</p>
 <a href="live-chat.php">Chat with a salesman</a>
</div>

Answer 1

看起来你已经得到了位置部分，你问的是延迟部分？

像这样带有 setTimeout 的东西可以工作

$(document).ready(function() { 
  setTimeout(function() {
    $('#live-chat').show();
  }, [delay in ms]);
}

您可能还想更改 .show() 以产生某种效果来提醒用户它出现了。