JavaScript的书写在另一篇博客,可以对比
地址:https://blog.csdn.net/weixin_42078450/article/details/86546207
此处为jQuery代码实现:
//一定要引入jQuery文件
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
//jquery代码
<script>
var time;
$(function(){
//设置定时5秒后执行一个显示广告的函数
time = setInterval("showAd()",5000);
});
//显示广告的函数
function showAd(){
//获得广告的div并让其显示
$("#divAd").show(1000);
//显示动画
//$("#divAd").slideDown(3000);
//$("#divAd").fadeIn(3000);
//清空定时
clearInterval(time);
//重新设置定时,用来关闭广告
time = setInterval("hideAd()",5000);
}
//隐藏广告函数
function hideAd(){
//获得广告的div并让其隐藏
$("#divAd").hide(3000);
//隐藏时的动画
//$("#divAd").slideUp(3000);
//$("#divAd").fadeOut(3000);
//清空定时
clearInterval(time);
}
</script>