jquery 显示*天*时*分*秒实现时间计时器

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<div id="times_wrap" class="time_num"
距离现在时间: 
<div class="time_w"
<span id="time_d" class="time"> </span >天 
<span id="time_h" class="time"> </span >时 
<span id="time_m" class="time"> </span >分 
<span id="time_s" class="time"> </span >秒 
</div
</div
 
<script type="text/javascript"
$(function(){ 
 
show_time(); 
 
}); 
 
function show_time(){ 
var time_start = new Date("2013/10/01 00:00:00").getTime();//设定开始时间 
var time_end = new Date().getTime(); //设定结束时间(等于系统当前时间) 
//计算时间差 
var time_distance = time_end - time_start; 
if(time_distance > 0){ 
// 天时分秒换算 
var int_day = Math.floor(time_distance/86400000) 
time_distance -= int_day * 86400000; 
 
var int_hour = Math.floor(time_distance/3600000) 
time_distance -= int_hour * 3600000; 
 
var int_minute = Math.floor(time_distance/60000) 
time_distance -= int_minute * 60000; 
 
var int_second = Math.floor(time_distance/1000) 
// 时分秒为单数时、前面加零 
if(int_day < 10){ 
int_day = "0" + int_day; 
if(int_hour < 10){ 
int_hour = "0" + int_hour; 
if(int_minute < 10){ 
int_minute = "0" + int_minute; 
if(int_second < 10){ 
int_second = "0" + int_second; 
// 显示时间 
$("#time_d").html(int_day); 
$("#time_h").html(int_hour); 
$("#time_m").html(int_minute); 
$("#time_s").html(int_second); 
 
setTimeout("show_time()",1000); 
 
}else{ 
$("#time_d").html('00'); 
$("#time_h").html('00'); 
$("#time_m").html('00'); 
$("#time_s").html('00'); 
 
</script>
 
 
//时间处理
function returnTime(time){
    var year = new Date(time).getFullYear();
    var month = new Date(time).getMonth()+1;
    var date = new Date(time).getDate();
    var hour = new Date(time).getHours();
    var minute = new Date(time).getMinutes();
 
    var nYear = new Date().getFullYear();
    var nMonth = new Date().getMonth()+1;
    var nDate = new Date().getDate();
    var nHour = new Date().getHours();
    var nMinute = new Date().getMinutes();
    if(year === nYear){
        if(month === nMonth){//当月
            if(nDate - date === 0){//当天
                if(hour === nHour){
                    if(nMinute - minute <= 10 && nMinute - minute > 2){
                        return (nMinute - minute)+'分钟前';
                    }else if(nMinute - minute <= 2){
                        return '刚刚';
                    }else{
                        return '今天 '+hour+':'+minute;
                    }
                }else{
                    return '今天 '+hour+':'+minute;
                }
            }else if(nDate - date === 1){
                return '昨天 '+hour+':'+minute;
            }else if(nDate - date === 2){
                return '前天 '+hour+':'+minute;
            }else{
                return month+'-'+date+' '+hour+':'+minute;
            }
        }else{
           return month+'-'+date+' '+hour+':'+minute; //是当年 显示月日时分
        }
    }else{
        return year+'-'+month+'-'+date+' '+hour+':'+minute;//不是当年 显示年月日时分
    }
}

本文转自  小旭依然  51CTO博客,原文链接:http://blog.51cto.com/xuyran/1884964
相关文章
|
JavaScript 前端开发 CDN
HTML + jQuery 实现轮播图
HTML + jQuery 实现轮播图
534 0
HTML + jQuery 实现轮播图
|
JavaScript
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
718 0
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
|
前端开发 JavaScript
【jquery ajax】实现文件上传提交
【jquery ajax】实现文件上传提交
446 0
【jquery ajax】实现文件上传提交
|
JavaScript
利用jquery的attr方法一行代码实现的简单的图片切换效果
利用jquery的attr方法一行代码实现的简单的图片切换效果
250 0
利用jquery的attr方法一行代码实现的简单的图片切换效果
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
346 0
jquery实现单击div切换背景,再次单击回到原来样式
|
JavaScript
jQuery实现判断li的个数从而实现其他功能
jQuery实现判断li的个数从而实现其他功能
221 0
jQuery实现判断li的个数从而实现其他功能
|
JavaScript 搜索推荐 API
JQuery+ajax实现类似百度搜索自动匹配功能
JQuery+ajax实现类似百度搜索自动匹配功能
548 0
JQuery+ajax实现类似百度搜索自动匹配功能
|
缓存 JavaScript 前端开发
JavaScript、jQuery实现“社区便利店收银系统”
随着个性化服务发展,学校、街边、社区等都流行将水果等商品洗净、切好,并装盒,按份出售。现开发一个“社区便利店收银系统”,店中每天提供固定种类的水果,装盒后,标记每一份价格,按份进行销售。在系统中,打开收银网页(casher.html),点击“+”添加销售水果,点击“结账”进行购买水果结算,点击“完成交易”进行下一个新用户购买。
JavaScript、jQuery实现“社区便利店收银系统”
|
JavaScript 前端开发
jQuery实现表格行的删除和增加
使用jQuery实现对表格元素行的删除和增加效果
jQuery实现表格行的删除和增加
|
JavaScript 前端开发
jQuery实现瀑布流布局
(waterfall) 瀑布流布局是一种流行的网页布局方式,是指元素在页面的布局中像瀑布一样从上到下布局,即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按照规则放入指定位置。
jQuery实现瀑布流布局