一分钟html页面倒计时可精确到秒

<!doctype html>
<html>
<head>
<meta charset="utf-8"> 

</head> 

<body> 

<DIV id="CountMsg" class="HotDate">
<span id="t_d">00天</span>
<span id="t_h">00时</span>
<span id="t_m">00分</span>
<span id="t_s">00秒</span>
</DIV>
<script type="text/javascript">
function getRTime(){
var EndTime= new Date(‘2014/10/23 10:00:00‘); //截止时间
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
/*var d=Math.floor(t/1000/60/60/24);
t-=d*(1000*60*60*24);
var h=Math.floor(t/1000/60/60);
t-=h*60*60*1000;
var m=Math.floor(t/1000/60);
t-=m*60*1000;
var s=Math.floor(t/1000);*/

var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60); 

document.getElementById("t_d").innerHTML = d + "天";
document.getElementById("t_h").innerHTML = h + "时";
document.getElementById("t_m").innerHTML = m + "分";
document.getElementById("t_s").innerHTML = s + "秒";
}
setInterval(getRTime,1000);
</script>
</body>
</html>

浪迹在互联网的大潮中

时间: 2024-10-24 22:01:01

一分钟html页面倒计时可精确到秒的相关文章

vue.js实现页面倒计时跳转功能

需求分析: 页面倒计时5秒后进入系统主页,数字需要实时更新! <template> <div class=""> <h1>欢迎来到Vue.js项目首页</h1> <h2>你将在<span style="color:red">{{time}}</span>秒后进入系统</h2> </div> </template> <script> ex

js cookie 页面倒计时

疯了啦 写了一篇没有保存需求:页面倒计时 只从第一次加购开始公共方法cookie的设置 获取function getCookie(c_name){ if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf("

精确到秒的JQuery日期控件

项目中需要用到精确到秒的日期控件,到网上搜了一下,发现有一个JQuery控件可以实现该功能---TimerPicker.但是官网上没有提供该控件的完整Demo,而且没有提供汉化包,所以自己汉化了一下,以供需要的朋友参考. 效果图如下: 首先在页面中引用一下库: <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" /> <lin

VC++ 获取系统时间、程序运行时间(精确到秒,毫秒)的五种方法

1.使用CTime类(获取系统当前时间,精确到秒) CString str; //获取系统时间 CTime tm; tm=CTime::GetCurrentTime();//获取系统日期 str=tm.Format("现在时间是%Y年%m月%d日 %X"); MessageBox(str,NULL,MB_OK); a,从CTimet中提取年月日时分秒 CTime t = CTime::GetCurrentTime(); int d=t.GetDay(); //获得几号 int y=t.

模拟生成一天温度数据,精确到秒

需求来源: 做一套养殖过程管理的系统,有养殖环境数据采集功能,硬件不到位,需要给相关LD演示,要求数据尽量真实.这就需要模拟生成一天的温度数据. 解决方案1: 指定范围随机数温度生成 结果就是这样了...太假... 解决方案2: 代码连续随机数生成: $wd_arr = array(); // 温度 //-------------温度-------------- // 生成连续的温度随机数 $wd_start = 21.6; $MAX_WD = 22.6; //最高温度22.6 $MIN_WD

JS实现倒计时(天数,时,分,秒)

<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>JS实现倒计时(天数,时,分,秒)</title> <link rel="stylesheet" type="text/css" href="../css/reset.css"> <link rel="sty

页面无任何操作30秒后退出1

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>页面无任何操作30秒后退出</title> <script language="JavaScript"> var

Android可精确到秒的时间选择器

android自带的时间选择器只能精确到分,但是对于某些应用要求选择的时间精确到秒级,此时只有自定义去实现这样的时间选择器了.下面介绍一个可以精确到秒级的时间选择器. 效果图: 下面是工程目录: com.wheel中的WheelView是滑动控件的主类,如果需要更改显示效果可以更改这个类中的代码(比如字体显示大小等),drawable文件夹下是一些布局资源文件,是一些背景色的定义,time_picker.xml是这个时间选择对话框的layout文件. 源码:http://pan.baidu.co

mysql保存当前时间精确到秒

用mybatis在mysql中保存字段精确到秒需要两个步骤. 1.现在mysql中将时间字段改为datetime 例如:alter table tablename add pay_date datetime comment '精确到秒的时间' 2.在sql语句中直接用now().  例如:        update tj_record set   is_customerHandover ='1' and customer_handover_date = now() where id = #{r