您的位置：首页 > Web前端 > JavaScript

JS倒计时

2017-02-17 11:42 190 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>JS倒计时</title>

<style>

.cp_div ul li{ width:60px; float:left;}

</style>

<script language="javascript" type="text/javascript">

var interval = 1000;

function ShowCountDown(year,month,day,divname)

{

var now = new Date();

var endDate = new Date(year, month-1, day);

var leftTime=endDate.getTime()-now.getTime();

var leftsecond = parseInt(leftTime/1000);

var day1=Math.floor(leftsecond/(60*60*24));

var hour=Math.floor((leftsecond-day1*24*60*60)/3600);

var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);

var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);

var cc = document.getElementById(divname);

cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有："+day1+"天"+hour+"小时"+minute+"分"+second+"秒";

//标签DOM操作天、时、分、秒

var cp_day=document.getElementById("cp_day");

var cp_hour=document.getElementById("cp_hour");

var cp_minute=document.getElementById("cp_minute");

var cp_second=document.getElementById("cp_second");

cp_day.innerHTML=day1;

cp_hour.innerHTML=hour;

cp_minute.innerHTML=minute;

cp_second.innerHTML=second;

}

window.setInterval(function(){ShowCountDown(2017,4,20,'divdown1');}, interval);

</script>

</head>

<body>

<div id="divdown1"></div>

<div class="cp_div">

<ul>

<li id="cp_day">1</li>

<li id="cp_hour">2</li>

<li id="cp_minute">3</li>

<li id="cp_second">4</li>

</ul>

</div>

</body>
</html>

代码下载地址：http://download.csdn.net/download/cplvfx/9756605

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航