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

<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>

posted on 2014-11-05 11:14  许鸣  阅读(539)  评论(0编辑  收藏  举报