文章目录：
- 1、js中 var time = new Date().getTime()得到的是毫秒数怎么转成秒！
- 2、javascript的getTime()怎么理解?
- 3、js显示剩下的时间
- 4、js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
js中 var time = new Date().getTime()得到的是毫秒数怎么转成秒！
如过想换算直接 date/1000 就数 总的秒数了
如果数想知道当前的秒数 date/1000 %60 就是当前秒数了
javascript的getTime()怎么理解?
getTime 方法
返回 Date 对象中的时间值。
用法：dateObj.getTime()
//dateObj 参数为 Date 对象。
getTime 方法返回一个整数值，这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数。日期的范围大约是 1970 年 1 月 1 日午夜的前后各 285,616 年。负数代表 1970 年之前的日期。
js显示剩下的时间
html
head
title/title
script type="text/javascript" language="javascript"
function getTime() {//js函数，定期执行的函数主体
var dateTime = new Date();//新建系统时间的对象
var hour = formatTime(dateTime.getHours());//获取小时并格式化，格式化函数formatTime()，下同
var minute = formatTime(dateTime.getMinutes());//获取分
var second = formatTime(dateTime.getSeconds());//获取秒
// var millisecond = dateTime.getMilliseconds();//获取毫秒
var code = "当前时间是：" + hour + ":" + minute + ":" + second;//+ " " + millisecond;//第一个div的内容(数字时钟)
var codeChinese = "当前时间是：" + formatChinese(hour) + "时" + formatChinese(minute) + "分" + formatChinese(second) + "秒";//第二个div的内容(中文时钟)
document.getElementById("divTime").innerHTML = code;//第一个div内容填充
document.getElementById("divTimeChinese").innerHTML = codeChinese;//第二个div内容填充
document.getElementById("monDigitalClock").innerHTML = makeMonCode(hour.toString() + ":" + minute.toString() + ":" + second.toString()) + blockEmpty();//+ makeMonCode(millisecond.toString());
updateLatestTime();//更新剩余时间
}
function formatTime(num) {//格式化数字，小于10时在数字前添加0
if (num 10) {
return "0" + num;
}
else {
return num;
}
}
function formatChinese(num) {//中文格式处理
var str = String(num);
if (str.length == 1) {//一位数的情况，直接返回中文
return formatSingleNumber(str);
}
else {//两位数的情况
var mid = "十";
var top = str.substr(0, 1);//第一位
var btn = str.substr(1, 2);//第二位
return (formatSingleNumber(top) + mid + formatSingleNumber(btn)).replace("零十", "零").replace("十零", "十").replace("零零", "零").replace("一十", "十");//使用formatSingleNumber函数转换成中文并将不符合中文数字表示方法的替换一下
}
}
function formatSingleNumber(num) {//单个数字转化成中文
return num.replace("1", "一").replace("2", "二").replace("3", "三").replace("4", "四").replace("5", "五").replace("6", "六").replace("7", "七").replace("8", "八").replace("9", "九").replace("0", "零");
}
setInterval("getTime();", 1000);//定时刷新，每毫秒刷新一次
//模拟时钟代码
function buidlPointArea(num) {//将数字对应的点阵拼接成图案
var code = "div class='a6bd-77af-014a-f5ac singleNumber'";
for (var i = 1; i 6; i++) {
for (var j = 1; j 5; j++) {
code += createSinglePoint(i + "_" + j, num);
}
}
code += "/div";
return code;
}
function createSinglePoint(id, num) {//数字对应的黑点
var array0 = new Array("1_1", "1_2", "1_3", "2_1", "2_3", "3_1", "3_3", "4_1", "4_3", "5_1", "5_2", "5_3");//数字0的点阵，下同
var array1 = new Array("1_3", "2_3", "3_3", "4_3", "5_3");
var array2 = new Array("1_1", "1_2", "1_3", "2_3", "3_1", "3_2", "3_3", "4_1", "5_1", "5_2", "5_3");
var array3 = new Array("1_1", "1_2", "1_3", "2_3", "3_1", "3_2", "3_3", "4_3", "5_1", "5_2", "5_3");
var array4 = new Array("1_1", "1_3", "2_1", "2_3", "3_1", "3_2", "3_3", "4_3", "5_3");
var array5 = new Array("1_1", "1_2", "1_3", "2_1", "3_1", "3_2", "3_3", "4_3", "5_1", "5_2", "5_3");
var array6 = new Array("1_1", "1_2", "1_3", "2_1", "3_1", "3_2", "3_3", "4_1", "4_3", "5_1", "5_2", "5_3");
var array7 = new Array("1_1", "1_2", "1_3", "2_3", "3_3", "4_3", "5_3");
var array8 = new Array("1_1", "1_2", "1_3", "2_1", "2_3", "3_1", "3_2", "3_3", "4_1", "4_3", "5_1", "5_2", "5_3");
var array9 = new Array("1_1", "1_2", "1_3", "2_1", "2_3", "3_1", "3_2", "3_3", "4_3", "5_1", "5_2", "5_3");
var numArr = new Array();
numArr[0] = array0;
numArr[1] = array1;
numArr[2] = array2;
numArr[3] = array3;
numArr[4] = array4;
numArr[5] = array5;
numArr[6] = array6;
numArr[7] = array7;
numArr[8] = array8;
numArr[9] = array9;
var cls = "whitePoint";
for (var i = 0; i numArr[num].length; i++) {
if (id == numArr[num][i]) {
cls = "blackPoint";
}
}
return "div id='" + id + "' class='77af-014a-f5ac-0189 " + cls + "'/div";
}
function blockEmpty() {//空格代码
return "div class='014a-f5ac-0189-6d45 singleNumber'/div";
}
function blockM() {//冒号的代码
var code = "";
code += "div class='f5ac-0189-6d45-9f77 singleNumber'div class='0189-6d45-9f77-52e9 whitePoint'/div";
code += "div class='6d45-9f77-52e9-4be4 whitePoint'/div";
code += "div class='9f77-52e9-4be4-bdaf whitePoint'/div";
code += "div class='52e9-4be4-bdaf-25d6 whitePoint'/div";
code += "div class='4be4-bdaf-25d6-69d3 whitePoint'/div";
code += "div class='bdaf-25d6-69d3-4760 blackPoint'/div";
code += "div class='25d6-69d3-4760-3bb8 whitePoint'/div";
code += "div class='69d3-4760-3bb8-adb5 whitePoint'/div";
code += "div class='0a79-fb2a-a42f-a6bd whitePoint'/div";
code += "div class='fb2a-a42f-a6bd-77af whitePoint'/div";
code += "div class='a42f-a6bd-77af-014a whitePoint'/div";
code += "div class='a6bd-77af-014a-f5ac whitePoint'/div";
code += "div class='77af-014a-f5ac-0189 whitePoint'/div";
code += "div class='014a-f5ac-0189-6d45 blackPoint'/div";
code += "div class='f5ac-0189-6d45-9f77 whitePoint'/div";
code += "div class='0189-6d45-9f77-52e9 whitePoint'/div";
code += "div class='6d45-9f77-52e9-4be4 whitePoint'/div";
code += "div class='9f77-52e9-4be4-bdaf whitePoint'/div";
code += "div class='52e9-4be4-bdaf-25d6 whitePoint'/div";
code += "div class='4be4-bdaf-25d6-69d3 whitePoint'/div/div";
return code;
}
function makeMonCode(totalCode) {//生成模拟的数字时钟代码
var finalCode = "";
for (var i = 0; i totalCode.length; i++) {//每个字符分别转换
if (isNaN(totalCode[i])) {//非数字字符，例子中只有冒号
if (totalCode[i] == ":") {
finalCode += blockM();//冒号的代码，用blockM()函数生成
}
}
else {
finalCode += buidlPointArea(totalCode[i]);//数字的代码，用buildPointArea()函数生成
}
}
return finalCode;
}
function updateLatestTime() {//更新剩余时间
var setHour = document.getElementById("sltHour").value;//获取选择的小时值
var setMin = document.getElementById("sltMin").value;//获取选择的分值
var setSecond = document.getElementById("sltSecond").value;//获取选择的秒值
var time = new Date();//获取系统时间
var nowHour = time.getHours();//当前时间小时值
var nowMin = time.getMinutes();//当前时间分值
var nowSecond = time.getSeconds();//当前时间秒值
var viewHour = setHour - nowHour;//剩余小时
var viewMin = setMin - nowMin;//剩余分钟
var viewSecond = setSecond - nowSecond;//剩余秒
if (viewSecond 0) {//剩余秒小于0时，借位
viewSecond += 60;
viewMin -= 1;
}
if (viewMin 0) {//剩余分小于0时，借位
viewMin += 60;
viewHour -= 1;
}
if (viewHour 0) {//剩余小时小于0时，借位
viewHour += 24;
}
document.getElementById("divLatestTime").innerHTML = "剩余时间为：" + viewHour + "时" + viewMin + "分" + viewSecond + "秒";//填充
if (viewHour == 0 viewMin == 0 viewSecond == 0) {//到点提示
alert("到点了！");
}
}
function createSelect() {//生成选择框代码
var code = "";
code += "请选择闹钟时间：select id='sltHour' onchange='updateLatestTime()'";
for (var i = 1; i 25; i++) {
code += "option value='" + i + "'" + i + "/option";
}
code += "/select时";
code += "select id='sltMin' onchange='updateLatestTime()'";
for (var k = 1; k 61; k++) {
code += "option value='" + k + "'" + k + "/option";
}
code += "/select分";
code += "select id='sltSecond' onchange='updateLatestTime()'";
for (var j = 1; j 61; j++) {
code += "option value='" + j + "'" + j + "/option";
}
code += "/select秒";
document.getElementById("divAlert").innerHTML = code;
}
/script
style type="text/css"
body {
background-color: #FFFFFF;
}
.clsTime {
width: 600px;
height: 50px;
font-size: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}
.whitePoint {
width: 10px;
height: 10px;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
float: left;
}
.blackPoint {
width: 10px;
height: 10px;
background-color: #000000;
margin: 0px;
padding: 0px;
float: left;
}
.clsMonDigitalClock {
margin-left: auto;
margin-right: auto;
width: 480px;
height: 50px;
background-color: #FFFFFF;
}
.singleNumber {
width: 40px;
height: 50px;
float: left;
font-size: 8px;
}
.clsAlert {
width: 400px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.clsLatestTime {
width: 400px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
/style
/head
body onload="createSelect();"
div id="divTime" class="4be4-bdaf-25d6-69d3 clsTime"loading..../div
div id="divTimeChinese" class="bdaf-25d6-69d3-4760 clsTime"loading..../div
div id="monDigitalClock" class="25d6-69d3-4760-3bb8 clsMonDigitalClock"/div
div id="divAlert" class="69d3-4760-3bb8-adb5 clsAlert"/div
div id="divLatestTime" class="0a79-fb2a-a42f-a6bd clsLatestTime"/div
/body
/html
之前做着玩的，有你说到的功能，有兴趣看看。代码存为html即可。
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型，之后再将Date类型转化为时间戳类型，其中时间字符串有要求，形式必须是 yyyy-MM-dd HH:mm:ss 的形式，当然，也可以只是 yyyy-MM-dd， 就是 2013-08-30，如下：
此处会得到一个 Date 类型的数据，获得时间戳数据，需要对日期对象进行操作，将日期转化为时间戳有三种方式，如下：
1. var time1 = date.getTime();
2.var time2 = date.valueOf();
3.var time3 = Date.parse(date);
第一、第二种：会精确到毫秒，第三种：只能精确到秒，毫秒用000替代，注意：获取到的时间戳除以1000就可获得Unix时间戳，就可传值给后台得到。
扩展资料
Date() 返回当日的日期和时间。
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份（四位数字）。
setYear() 请使用 setFullYear() 方法代替。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource() 返回该对象的源代码。
toString() 把 Date 对象转换为字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toDateString() 把 Date 对象的日期部分转换为字符串。
toGMTString() 请使用 toUTCString() 方法代替。
toUTCString() 根据世界时，把 Date 对象转换为字符串。
toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC() 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。
cls = "blackPoint"; } } return "div id='" + id + "
finalCode += buidlPointArea(totalCode[i]);//数字的代码，用buildPointArea()函数生成 } } return fina
ay6 = new Array("1_1", "1_2", "1_3", "2_1", "3_1", "3_2", "3_3", "4_1", "4_3", "5_1", "5_2", "5_3"); var array7 = new Array("1_1", "1_2",
(viewHour 0) {//剩余小时小于0时，借位 viewHour += 24; } docu
lace("3", "三").replace("4", "四").replace("5", "五").replace("6", "六").replace("7", "七").repl