文章

延迟指定时间后显示内容

功能如下:

如没看清,可以按F5进行刷新

问:有3个人去吃面条,三碗30元。三个人每人掏了10元凑够30元交给了老板。后来老板说今天优惠只要20元就够了,拿出10元命令服务生退还给他们,服务生偷偷藏起了4元,然后,把剩下的6元钱分给了那三个人,每人分到2元。这样,一开始每人掏了10元,现在又退回2元,也就是10-2=8,每人只花了8元钱,3个人每人8元,3 X 8= 24元 + 服务生藏起的4元=28元,还有2元钱去了哪里???

答案将在8秒后显示:



实现方法:

1.把下面代码加到<body>与</body>之间

后面的内容5秒后显示:<span id="djs" style="display:none;">我显示了!</span>
 <script type="text/javascript">
 //<![CDATA[
 setTimeout(function(){
 document.getElementById('djs').style.display='';
 }, 5000);
 //]]>
 </script>

请自行修改汉字和第6行秒数(5000代表5秒)。

2.如果要实现数字自动倒数,分别加入以下代码

<script language="javascript" type="text/javascript">
var sec = document.getElementById('tt').textContent;
setInterval("redirect()", 1000);
function redirect() { if (sec > 0) document.getElementById('tt').textContent = --sec;
if (sec <= 0) ; }
</script>

暂无评论

发表评论