Jquery显示当前时间的方法

14 篇文章 0 订阅

在网上搜到了一个获取当前时间的方法,改造了一下,适应了双语显示同时,时间每秒都会跟着改变。如果有更简洁的办法,欢迎评论讨论告知。

<p class="date-con" ></p>
$(function(){
    //时间
	setInterval(function(){
		$(".date-con").showCurrentTime();
	},1000)
})

//动态的显示当前时间
;(function($){
    "use strict";
    var time = "";
    //获得当前的时间
    function currentTime(){
        var nowDate = new Date();
        var year = nowDate.getFullYear();
        var month = changeNum(nowDate.getMonth()+1);
        var date = changeNum(nowDate.getDate());
        var hour = changeNum(nowDate.getHours());
        var miunte = changeNum(nowDate.getMinutes());
        var second = changeNum(nowDate.getSeconds());
        var wee = new Array("日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ");
        var tempMonEng =["Jan.","Feb.","Mar.","Apr.","May","June","July","Aug","Sept.","Oct.","Nov.","Dec."];
        var weekstr = wee[new Date().getDay()];
		if($("#language").val() == "cn"){
			return year+"年"+month+"月"+date+"日 星期"+weekstr+hour+":"+miunte+":"+second;
		}else{
			return tempMonEng[month] +" " + date+", " + year+" "+hour+":"+miunte+":"+second;
		}
        
    }
    function changeNum(t){
        return t < 10 ? "0" + t : t;
    }
    $.fn.showCurrentTime = function(){
        var div = $(this);
        return this.each(function(){
            setTimeout(function(){
                time = currentTime();
                div.text(time);
            },1000);
        });

    };
})(jQuery);

改造原网址https://www.cnblogs.com/ElliotBaird/p/6679854.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值