网上超级火的过年除夕倒计时，纯HTML源码，数据信息皆可以修改，今天免费分享给大家，供大家学习娱乐

点击文章下面超链接，即可免费下载，源码以及文件素材，无需积分，关注后即可下载

资源须知：

因为资源是我去年上传的，所以最近下载这个资源的同学，可能会出现倒计时为负的情况，下面是解决办法：

找到js文件夹
打开找到app.js

可以就用记事本打开，然后保存，在此点击index.html运行即可

最近由于不知道什么情况，上传的资源，他老是在审核中，本来打算重新上传一个的，但是没办法，无法通过，你们在修改的过程中，没有编程基础的不要动其他的代码，如果有基础的，可以试着添加一些功能，搞一些花里胡哨的效果，另外我会把本篇文章置顶，方便各位寻找

记得关注，只有关注后才可以下载！！！

效果图：钟表以及时间文字显示会自动根据打开网页的时间，显示时间；无需自己修改，弹幕和文字皆可以修改；背景是渐变色彩，可根据自己的需要在源码中修改即可，除了主要功能是HTML意外，还有CSS、JS等源码，就算没有编程工具，电脑没有任何编程配置，只需要打开文件，鼠标双击运行index即可，会自动跳到系统默认浏览器内，就算毫无编程基础、英语小白页可以娱乐；
本源码意在学习与娱乐，未经授权！！禁止商用！！！

编码不易 如有帮助到您 请支持一下 多谢

部分源码

CSS源码：

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
   
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
   
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   
  display: block;
}
audio,
canvas,
progress,
video {
   
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
   
  display: none;
  height: 0;
}
[hidden],
template {
   
  display: none;
}
a {
   
  background-color: transparent;
}
a:active,
a:hover {
   
  outline: 0;
}
abbr[title] {
   
  border-bottom: 1px dotted;
}
b,
strong {
   
  font-weight: bold;
}
dfn {
   
  font-style: italic;
}
h1 {
   
  margin: .67em 0;
  font-size: 2em;
}
mark {
   
  color: #000;
  background: #ff0;
}
small {
   
  font-size: 80%;
}
sub,
sup {
   
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
   
  top: -.5em;
}
sub {
   
  bottom: -.25em;
}
img {
   
  border: 0;
}
svg:not(:root) {
   
  overflow: hidden;
}
figure {
   
  margin: 1em 40px;
}
hr {
   
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
   
  overflow: auto;
}
code,
kbd,
pre,
samp {
   
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
   
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
   
  overflow: visible;
}
button,
select {
   
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
   
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   
  padding: 0;
  border: 0;
}
input {
   
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
   
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   
  height: auto;
}
input[type="search"] {
   
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   
  -webkit-appearance: none;
}
fieldset {
   
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
   
  padding: 0;
  border: 0;
}
textarea {
   
  overflow: auto;
}
optgroup {
   
  font-weight: bold;
}
table {
   
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
   
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
   
  *,
  *:before,
  *:after {
   
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
   
    text-decoration: underline;
  }
  a[href]:after {
   
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
   
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
   
    content: "";
  }
  pre,
  blockquote {
   
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
   
    display: table-header-group;
  }
  tr,
  img {
   
    page-break-inside: avoid;
  }
  img {
   
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
   
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
   
    page-break-after: avoid;
  }
  select {
   
    background: #fff !important;
  }
  .navbar {
   
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
   
    border-top-color: #000 !important;
  }
  .label {
   
    border: 1px solid #000;
  }
  .table {
   
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
   
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
   
    border: 1px solid #ddd !important;
  }
}