`
kely39
  • 浏览: 47962 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery获取当前时间

阅读更多
<!DOCTYPE html>
<html class="no-js">
<head>
        <meta charset="UTF-8">
        <title>当期时间</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <style type="text/css">
            .date{height:100px;line-height:100px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:40px;
                border:solid 1px #ccc;box-shadow:0 0 3px rgba(0,0,0,0.3) inset;border-radius:5px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
                .date strong{padding:0 10px;display:inline-block;height:100px;border-right:solid 1px #ccc;}
    </style>
</head>
<body>
        <h1>js简单的获取当前日期和时间</h1>
    <p class="date">
        <strong id="Y"></strong>
        <strong id="MH"></strong>
        <strong id="TD"></strong>
        <strong id="D"></strong>
        <strong id="H"></strong>
        <strong id="M"></strong>
        <strong id="S"></strong>
     </p>   
    <script type="text/javascript">
                                $(document).ready(function(){

                                        setInterval(showTime, 1000);                                
                                        function timer(obj,txt){
                                                        obj.text(txt);
                                        }        
                                        function showTime(){                                
                                                var today = new Date();
                                                var weekday=new Array(7)
                                                weekday[0]="星期一"
                                                weekday[1]="星期二"
                                                weekday[2]="星期三"
                                                weekday[3]="星期四"
                                                weekday[4]="星期五"
                                                weekday[5]="星期六"
                                                weekday[6]="星期日"                                        
                                                var y=today.getFullYear()+"年";
                                                var month=today.getMonth()+"月";
                                                var td=today.getDate()+"日";
                                                var d=weekday[today.getDay()];
                                                var h=today.getHours();
                                                var m=today.getMinutes();
                                                var s=today.getSeconds();        
                                                timer($("#Y"),y);
                                                timer($("#MH"),month);        
                                                timer($("#TD"),td);        
                                                timer($("#D"),d);
                                                timer($("#H"),h);
                                                timer($("#M"),m);
                                                timer($("#S"),s);
                                        }        
                                })
    </script>
</body>
</html>

 

分享到:
评论

相关推荐

    使用jquery如何获取时间

    这篇文章主要介绍了jquery获取当前时间,月份,年份等,涉及针对日期时间的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下。 js(jQuery)获取时间的方法及常用时间类 $(function(){ var mydate = new Date();...

    jquery 将当前时间转换成yyyymmdd格式的实现方法

    function nowtime(){//将当前时间转换成yyyymmdd格式 var mydate = new Date(); var str = "" + mydate.getFullYear(); var mm = mydate.getMonth()+1 if(mydate.getMonth()&gt;9){ str += mm; } else{ str += ...

    jquery获取当前日期的方法

    主要介绍了jquery获取当前日期的方法,涉及针对日期时间的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss"

    JS获取当前时间并格式化"yyyy-MM-dd HH:mm:ss",取时间格式的方法和函数

    js获取当前时间(昨天、今天、明天)

    本文实例为大家分享了js获取当前时间的具体代码,供大家参考,具体内容如下 js获取当前时间(昨天、今天、明天) 开发过程中某些前台页面的时间控件我们需要给默认当前时间,jquery可以轻松的帮我们实现,代码如下 ...

    jQuery动态地获取系统时间实现代码

    //获取当前年份 str +=d.getMonth()+1+’月’; //获取当前月份(0——11) str +=d.getDate()+’日’; str +=d.getHours()+’时’; str +=d.getMinutes()+’分’; str +=d.getSeconds()+’秒’; return str; } ...

    超实用的jQuery代码段

    2.4 获取当前元素的索引值 2.5 插入节点元素 2.6 复制节点元素 2.7 替换节点元素 2.8 删除节点元素 2.9 为元素绑定事件 2.10 如何从元素中除去HTML标签 2.11 如何限制文本域中字符的个数 2.12 如何选中页面上的所有...

    以IP来获取客户端电脑名称(一句代码实现)

    公司的域环境内,要求获取客户端的电脑... 您可能感兴趣的文章:ASP.NET获取真正的客户端IP地址的6种方法获取客户端电脑日期时间js代码(jquery)ASP 获取腾讯IP地址的代码IP138 IP地址查询小偷实现代码asp.net 通过指定

    获取客户端电脑日期时间js代码(jquery)

     //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前...

    纯jQuery代码实现时钟效果

    一个非常简单易用的jQuery代码实现的获取当前系统时间的始终效果 模拟家中墙壁上的挂钟效果 当然,其中使用了部分css3效果 不支持低版本浏览器的哦 使用方法简单: 将附件index.html中的css样式以及...

    jquery电子文档chm

    ifModified (Boolean) : (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。 processData (Boolean) : (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符...

    java前端获取当前时间和格式化字符“'”

    简单实用,亲测我直接上使用源码吧:var curr_time = getBeforeDate(0);//当前时间 var beginday = getBeforeDate(7);//7天前 var str = strValue("'是的萨''123''''");

    用程序输出“当前时间是XXXX年XX月XX日XX时XX分XX秒(第XX周,周X)

    自学Date类(java.util.Date)和SimpleDateFormat类,用程序输出“当前时间是XXXX年XX月XX日XX时XX分XX秒(第XX周,周X)” 2 比较String与StringBuffer、StringBuilder的自增速度。方法:在自增前记录系统时间,...

    时间轴源码

    前端时间轴源码,jquery,横向,纵向等模式

    js 获取当天的天气预报、城市、时间

    简单的代码 获取当前所在城市 、天气 、时间

    AJAX 动态获取当前时间(php)

    客户端代码: 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... &lt;head&gt; &lt;... charset=gb2312″ /&gt; &lt;...动态显示时间&lt;/title&gt; &lt;/head&gt; &lt;script lang

    jQuery学习笔记(4)–Jquery中获取table中某列值的具体思路

    网上找了很多方法,用起来都不行,后来想到了jquery中的鼠标事件,可以在鼠标经过table时,获得当前行与列的值。页面如下所示: 具体操作就是点击“删除”按钮,然后调用jquery插件页面,这时候需要获得相应行的...

Global site tag (gtag.js) - Google Analytics