网站倒计时模版应该这么设置时间??让时间动起来

 我来答
匿名用户
2015-01-26
展开全部
<!DOCTYPE html>
<html>
<head>
<title>Count Down HTML Template</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--favicons-->
<link rel="shortcut icon" href="./favicon.ico" />
<!-- Bootstrap -->
<link href="./css/bootstrap.css" rel="stylesheet" media="screen" />
<link href="./css/style.css" rel="stylesheet" media="screen" />
<link href="./css/bootstrap-responsive.css" rel="stylesheet" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css' />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="./js/html5shiv.js"></script>
    <![endif]-->
<style>
@font-face {
font-family: 'JournalRegular';
src: url('./fonts/journal-webfont.eot');
src: url('./fonts/journal-webfont_162a16fe.eot') format('embedded-opentype'), url('./fonts/journal-webfont.woff') format('woff'), url('./fonts/journal-webfont.ttf') format('truetype'), url('./fonts/journal-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Original URL: http://freshcreations.nl/themeforest/count/
Date Downloaded: 4/19/2013 3:42:35 PM !-->
</head>
<body class="page-bg">
<div class="container">
  <div class="hero-unit">
    <h1> </h1>
  </div>
  <div class="social-links">
    <div class="span9">
      <ul id="social-icons">
        <li class="facebook"><a href="#" data-toggle="tooltip" title="FACEBOOK">Facebook</a></li>
        <li class="twitter"><a href="#" data-toggle="tooltip" title="TWITTER">Twitter</a></li>
        <li class="flickr"><a href="#" data-toggle="tooltip" title="FLICKR">Flickr</a></li>
        <li class="pinterest"><a href="#" data-toggle="tooltip" title="PINTEREST">Pinterest</a></li>
        <li class="dribble"><a href="#" data-toggle="tooltip" title="DRIBBLE">Dribble</a></li>
        <li class="gplus"><a href="#" data-toggle="tooltip" title="GOOGLE PLUS">gplus</a></li>
        <li class="instagram"><a href="#" data-toggle="tooltip" title="INSTAGRAM">instagram</a></li>
      </ul>
    </div>
  </div>
  <div class="clock">
    <div class="span6"> <img class="img-clock" src="./img/bg-clock.png" alt="clock counter" />
      <div id="countdown">
        <div class="days"><span id="days"></span> <ins>/</ins> <em>days /</em></div>
        <div class="hours"><span id="hours"></span> <ins>/</ins> <em>hours /</em></div>
        <div class="minutes"><span id="minutes"></span> <ins>/</ins> <em>min /</em></div>
        <div class="seconds"><span id="seconds"></span><em>sec</em> </div>
      </div>
    </div>
  </div>
</div>
<div class="addthis"> 
  <!-- AddThis Button BEGIN -->
  <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_tweet"></a> <a class="addthis_button_facebook_like"></a> </div>
  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51402b366dcd4710"></script> 
  <!-- AddThis Button END --> 
</div>
<!-- Modal -->
<div id="subscribe" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>
  <div class="modal-body">
    <div class="form-container">
      <form class="form-horizontal" />
        <h2>Fill in your 
          email address 
          &amp; we'll let you know when we launch!</h2>
        <div class="control-group">
          <div class="controls">
            <input type="text" id="inputName" value="Name" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <input type="text" id="inputEmail" value="Email" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <button type="submit" class="btn">NOTIFY ME</button>
          </div>
        </div>
      </form>
    </div>
    <div id="map_canvas" style="width: 100%; height: 262px;"></div>
  </div>
</div>
<!-- Le javascript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap-transition.js"></script> 
<script src="./js/bootstrap-modal.js"></script> 
<script src="./js/bootstrap-tooltip.js"></script> 
<script type="text/javascript" src="./js/jquery.countdown.min.js"></script> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="./js/jquery.ui.map.min.js"></script> 
<script type="text/javascript" src="./js/jquery.custom.js"></script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

  代码在这,提问打不出代码, 因该如何设置时间

Linn
2015-01-26 · 超过71用户采纳过TA的回答
知道小有建树答主
回答量:131
采纳率:0%
帮助的人:43.2万
展开全部
最笨的办法就是用settimeinterval,每秒new Date。根据最新的Date画时间。
追问
能帮我看看代码应该怎么改吗
追答
你发到cy_zzh@163.com邮箱中,我看看吧。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式