JS倒计时
来源:互联网 发布:淘宝怎么买vr岛国资源 编辑:程序博客网 时间:2024/06/16 04:57
<!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 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
0 0
- js 倒计时
- 倒计时js
- 倒计时js
- JS倒计时
- js 倒计时
- js 倒计时
- js倒计时
- js 倒计时
- JS倒计时
- js 倒计时
- js倒计时。
- js倒计时
- js倒计时
- JS倒计时
- JS倒计时
- js倒计时
- js 倒计时
- js倒计时
- Lua和C++交互详细总结
- Linux防火墙iptables学习笔记(三)iptables命令详解和举例
- spring调Python实时接口
- Matlab常见错误及解决办法归纳
- 微信小程序开发--开源Demo精选
- JS倒计时
- Spark性能优化指南——高级篇【2】
- Linux Ubuntu server 15.04 安装JDK、Maven、findbugs、protobuf
- maven搭建与eclipse配置
- kcptun shadowsocks加速方案
- 使用Xcode Instruments Leak解决内存泄漏问题
- 柏拉图式爱情 (精神爱情)
- android studio常用插件
- jQuery点击展开收缩垂直菜单代码