网页倒计时,动态显示"××年还剩××天××时××分××秒"
var target = document.getElementById('target');
function getTimeString(){ // 要计算任意两个日期的时间差只要修改currentDate和currentYearDate的值即可
var currentDate = new Date();
var year = currentDate.getFullYear();
var currentYearDate = new Date(year,11,30,23,59,59); //这里应该写11而不是12,因为Date.getDay()方法返回数值总是比当前月份小1
var time = (currentYearDate - currentDate) / 1000; //得到距今年底还有多少秒
var day = Math.floor(time / (24*60*60));
var hours = Math.floor(time % (24*60*60) / (60*60));
var minutes = Math.floor(time % (24*60*60) % (60*60) / 60);
var seconds = Math.floor(time % (24*60*60) % (60*60) % 60);
var str = year +"年还剩"+ day +"天"+ hours +"小时" + minutes +"分" + seconds +"秒";
target.innerHTML = str;
}
setInterval(getTimeString,1000);
下面这个方法也行,就是性能不太好
var target = document.getElementById('target');
function getTimeString(){
var date = new Date();
var eachMonthDay = [31,28,31,30,31,30,31,31,30,31,30,31];
if(date.getFullYear() % 4 == 0){
eachmonthDay[1] = 29;
}
var dateString = date.getFullYear() + "年还剩" + (11-date.getMonth()) + "月";
//计算还剩多少天,以当前月天数为基准
dateString += eachMonthDay[date.getMonth()] - date.getDate() + "天";
//计算还剩多少小时,以当天为基准
dateString += (24 - date.getHours() - 1) + "小时";
//计算还剩多少分钟,以当前时间为准
dateString += (60 - date.getMinutes() -1) + "分";
//计算还剩多少秒,以当前时间为准
dateString += (60 - date.getSeconds()) + "秒";
target.innerHTML = dateString;
}
var timer = setInterval(getTimeString,1000);
网页倒计时,动态显示"××年还剩××天××时××分××秒"的更多相关文章
- JS实现倒计时(天数,时,分,秒)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" > <titl ...
- js倒计时demo 天/时/分/秒
<html><head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title> ...
- C#WinForm中显示实时时间:年/月/日 时/分/秒 星期X
//加载窗体时 string weekstr = ""; private void Form22_Load(object sender, EventArgs e) { this.t ...
- 【转】使用DateFormat把时间长度格式化为"时:分:秒"格式--不错
原文网址:http://ssd910.blog.163.com/blog/static/238767972010112214114201/ 经常在系统中显示时间长度,基本上每次都是显示秒数,客户觉得按 ...
- JavaScript/js把秒或者毫秒换算成xx-xx-xx 时-分-秒的形式
function MillisecondToDate(msd) { // var time = parseFloat(msd) / 1000; var time=msd; if (null != ti ...
- Java 获取年 月 日 时 分 秒
/** * 英文简写(默认)如:2010-12-01 */ public static String FORMAT_SHORT = "yyyy-MM-dd"; /** * 英文全称 ...
- oracle截取时间的年/月/日/时/分/秒
修改日期格式为年月日时分秒: alter session set nls_date_format='yyyy-mm-dd hh24:mi:ss';select to_char(sysdate,'yyy ...
- JS将秒转换为 天-时-分-秒
记录一下,备忘.. function SecondToDate(msd) { var time =msd if (null != time && "" != tim ...
- 用"时:分:秒"的方式显示运行时间
import datetime,time start = datetime.datetime.now()...dosomething() end = datetime.datetime.now()pr ...
随机推荐
- js 读取 cookie
(新摘未验证)// 将document.cookie的值以名/值对组成的一个对象返回 // 假设储存cookie的值的时候是采用encodeURIComponent()函数编码的 function g ...
- PHP生成器Generators
下文的第一个逐行读取文件例子用三种方式实现;普通方法,迭代器和生成器,比较了他们的优缺点,很好,可以引用到自己的代码中 ,支持的php版本(PHP 5 >= 5.5.0) 后面的yield讲解, ...
- Android 播放电影时滑动屏幕调整屏幕亮度(转)
(转自:http://blog.csdn.net/piaozhiye/article/details/6544450) 发现有一些主流的播放器播放电影时可以通过滑动屏幕调整屏幕亮度,其实实现起来也很容 ...
- [转载] Linux启动过程详解-《别怕Linux编程》之八
本原创文章属于<Linux大棚>博客,博客地址为http://roclinux.cn.文章作者为rocrocket.为了防止某些网站的恶性转载,特在每篇文章前加入此信息,还望读者体谅. = ...
- Token Based Authentication in Web API 2
原文地址:http://www.c-sharpcorner.com/uploadfile/736ca4/token-based-authentication-in-web-api-2/ Introdu ...
- (二)cordova+framework7入门——笑笑APP
[前言] framework7确实做的很赞,但是一直各种原因没有做什么app, 这个感觉就像大厨遇到百年难见的好材料,不炒个菜憋的慌, 机缘巧合周一周二两个晚上做了一个简单app,先看下效果: ios ...
- Codevs1378选课[树形DP|两种做法(多叉转二叉|树形DP+分组背包)---(▼皿▼#)----^___^]
题目描述 Description 学校实行学分制.每门的必修课都有固定的学分,同时还必须获得相应的选修课程学分.学校开设了N(N<300)门的选修课程,每个学生可选课程的数量M是给定的.学生选修 ...
- Maven系列三Maven内置变量
Maven内置变量说明: ${basedir} 项目根目录(即pom.xml文件所在目录) ${project.build.directory} 构建目录,缺省为target目录 ${project. ...
- PAT 1009. 说反话 (20)
给定一句英语,要求你编写程序,将句中所有单词的顺序颠倒输出. 输入格式:测试输入包含一个测试用例,在一行内给出总长度不超过80的字符串.字符串由若干单词和若干空格组成,其中单词是由英文字母(大小写有区 ...
- Delphi项目的构成
Hello.cfg 項目配置文件 Hello.dof 項目選項文件 Hello.dpr 項目文件 Hello.exe 應用程序 Hello.res 資源文件 HelloWorld.dcu 窗口編譯文件 ...