码迷,mamicode.com
首页 > Web开发 > 详细

js获取时间查并实现倒计时读条

时间:2014-11-05 12:38:48      阅读:487      评论:0      收藏:0      [点我收藏+]

标签:style   io   ar   java   sp   div   on   2014   cti   

<script type="text/javascript">

$().ready(function () {
// 每增加一个切换,就要增加一行,tab1不变,其他的都要重新全名。然后在css里增加一组样式。
timeview();
});


//刷新时间

setInterval("timeview();", 1000);
function timeview() {
var stardate = new Date("2014/11/05 10:35:00"); //活动开始时间
var enddate = new Date("2014/11/05 12:00:00"); //活动结束时间
var nowdate = new Date(); //当前时间
var diffhd = enddate.getTime() - stardate.getTime(); //时间差的毫秒数
//alert(diffhd);
//计算总秒数
var seconds = Math.floor(diffhd / 1000);
//alert(seconds);
//计算活动结束时间跟当前时间的差值
var diffseconds = enddate.getTime() - (new Date().getTime());
//alert(enddate.getTime() + "当前时间:" + (new Date().getTime()));
//alert(diffseconds);
//var divbox =
timestr = ((diffseconds / seconds) / 1000) * 200 + "px";
//divbox.style.width = timestr;
$(‘#time‘).css("width", timestr);
jnkc.innerHTML = timestr;
return timestr;
}

</script>

 

<style type="text/css">
.time{ width:200px; height:30px; background:#F00;}
</style>

<div style=" border:1px solid #000; width:200px;">
<div id="time" class="time"></div>
</div>

js获取时间查并实现倒计时读条

标签:style   io   ar   java   sp   div   on   2014   cti   

原文地址:http://www.cnblogs.com/Xujg/p/4075824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!