显示层3s后隐藏

zoukankan html css js c++ java

显示层3s后隐藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>豪情</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"> #test{100px;height:100px;border:1px solid #ccc;background:#eee;display:none;} </style> </head> <body> <div id="test">this is a</div> <input type="button" value="test-btn" id="btn" onclick="show('obj')" /> <script type="text/javascript"> var $ = function(id){ return document.getElementById(id); }; var obj = $('test'), btn = $('btn'); var show = function(id){$(id).style.display = 'block'; } var hide = function(id){$(id).style.display = 'none'; } btn.onclick = function(){ show('test'); } setInterval(function(){hide('test')}, 3000); </script> </body> </html>

查看全文

相关阅读:
scp上传服务器文件
 svn一次添加所有未添加的文件
 vue 去掉#和拼接参数
 vuex状态管理
 获取页面iframe里的元素
 angular 中ng-bind-html 、$scope服务
 心态崩了
 day 8
day 7
day6 angularjs学习