<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
var str = "今天是"+(new Date()).toLocaleString()+" 星期" + "日一二三四五六".charAt(new Date().getDay())
$(".time").html(str)
})
})
</script>
</head>
<body>
<p>点击我</p>
<div class="time"></div>
</body>
</html>
实现效果这样?:
今天是2018/6/12 下午1:33:05 星期二
$("#mydiv").fadeIn()//显示
setTimeout(function(){//5秒后隐藏
1、可以使用JavaScript的setTimeout方法来做定时功能,此案例设置页面初始化后5秒d出div标签,再等5秒后关闭div标签。
2、HTML代码<div>我是DIV的内容</div>
CSS代码div.width: 200pxheight: 200px
line-height: 200px
text-align: center
background-color: #000
color: #FFF
display: none
JavaScript代码:
setTimeout(function(){
$('div').show()//将DIV标签显示出来。
setTimeout(function(){
$('div').hide()//将DIV标签隐藏。
5000)
}, 5000)
肯定是你语法什么的有错误吧
<!DOCTYPE html><html lang="zh-cn">
<head>
<title>测试</title>
<style type="text/css">
</style>
</head>
<body>
<div style="background-color: Red height: 20px">
</div>
<script type="text/javascript">
$(function() {
$("div").click(function() {
alert("点击空白div")
})
})
</script>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)