CSS+JS,在div中显示当前时间和星期

CSS+JS,在div中显示当前时间和星期,第1张

<!DOCTYPE html>

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11417731.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存