小提示
  • Ctrl+/代码提示(需IE11)
  • F11键放大 ESC键缩小
  • PgUp上页 PgDn下页
推荐代码
运行代码 缩小
    • 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
    • 1.7.3 1.7.2 1.7.1.0 1.7.0.0
    • 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
    • 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
    • 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
    • core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
    • 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
    • 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6
    • 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
    • 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
    • 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2
十度
HTML代码
复制 格式化 注释 注释 清空
放大
​x
 
1
<!doctype html>
2
<html>
3
    <head>
4
        <meta charset="utf-8">
5
        <title>jquery简单倒计时</title>
6
        <script type="text/javascript" src="http://ku.shouce.ren/libs/jquery/1/jquery1.7.2.min.js"></script>
7
</head>
8
    <body>
9
        <h1>网页上的倒计时</h1>
10
        <div class="time-item">
11
            <span id="day_show">0天</span>
12
            <strong id="hour_show">0时</strong>
13
            <strong id="minute_show">0分</strong>
14
            <strong id="second_show">0秒</strong>
15
        </div>
16
​
CSS代码
复制 格式化 注释 注释 颜色 清空
放大 
xxxxxxxxxx
35
 
1
h1 {
2
  font-family:"微软雅黑";
3
  font-size:40px;
4
  margin:20px 0;
5
  border-bottom:solid 1px #ccc;
6
  padding-bottom:20px;
7
  letter-spacing:2px;
8
}
9
.time-item strong {
10
  background:#C71C60;
11
  color:#fff;
12
  line-height:49px;
13
  font-size:36px;
14
  font-family:Arial;
15
  padding:0 10px;
JS代码
复制 格式化 注释 注释 清空
放大 
xxxxxxxxxx
32
 
1
var intDiff = parseInt(60);
2
//倒计时总秒数量
3
function timer(intDiff) {
4
  window.setInterval(function() {
5
    var day = 0,
6
        hour = 0,
7
        minute = 0,
8
        second = 0;
9
    //时间默认值
10
    if (intDiff > 0) {
11
      day = Math.floor(intDiff / (60 * 60 * 24));
12
      hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
13
      minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
14
      second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
15
    }
16
    if (minute <= 9)
17
      minute = '0' + minute;
18
    if (second <= 9)
19
      second = '0' + second;
20
    $('#day_show').html(day + "天");
21
    $('#hour_show').html('<s id="h"></s>' + hour + '时');
22
    $('#minute_show').html('<s></s>' + minute + '分');
23
    $('#second_show').html('<s></s>' + second + '秒');
24
    intDiff--;
25
  }
26
                     , 1000);
27
}
28
$(function() {
29
  timer(intDiff);
30
}
31
 );
32
​
运行代码

简介

名称
jquery简单倒计时
分类
jQuery实例
描述
收藏