关于倒计时new Date().getTime()出现NaN

2024-01-03 22:32
文章标签 倒计时 date nan new gettime

本文主要是介绍关于倒计时new Date().getTime()出现NaN,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

之前的倒计时是这么写的

 

//计算剩余时间  time-截止时间;serverTime--服务器时间,id-要显示时分秒对应的父节点Id

function countRestTime(time,serverTime,id){ 

var day_elem = $(id).find('.day'); 

var hour_elem = $(id).find('.hour'); 

var minute_elem = $(id).find('.minute'); 

var second_elem = $(id).find('.second'); 

var end_time = new Date(time).getTime();//月份是实际月份-1 

var start_time= new Date(serverTime).getTime();

var sys_second = (end_time-start_time)/1000; 

function startTime(){ 

if (sys_second > 1) { 

sys_second -= 1; 

var day = Math.floor((sys_second / 3600) / 24); 

var hour = day*24 + Math.floor((sys_second / 3600) % 24); 

var minute = Math.floor((sys_second / 60) % 60); 

var second = Math.floor(sys_second % 60); 

day_elem && $(day_elem).text(day);//计算天 

$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时 

$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟 

$(second_elem).text(second<10?"0"+second:second);//计算秒杀 

} else { 

 clearInterval(timer); 

}; 

timer = setInterval(startTime,1000);

startTime();

以上代码在google浏览器,安卓手机微信是没任何问题的,但是在苹果手机或者苹果微信异常;

问题出在new Date(time).getTime();返回的是NaN;

 

解决方案:

new Date(time).getTime();返回的是NaN;

改为:

eval("new Date("+ time.replace(/\D+/g,",")+")").getTime(); 

则在google浏览器  安卓、安卓微信,苹果浏览器 ,苹果微信统统秒杀!  

//计算剩余时间

//www.c9009.com

function countRestTime(time,serverTime,id){ 

var day_elem = $(id).find('.day'); 

var hour_elem = $(id).find('.hour'); 

var minute_elem = $(id).find('.minute'); 

var second_elem = $(id).find('.second'); 

var end_time =  eval("new Date("+ time.replace(/\D+/g,",")+")").getTime(); 

var start_time= eval("new Date("+ serverTime.replace(/\D+/g,",")+")").getTime();

var sys_second = (end_time-start_time)/1000; 

function startTime(){ 

if (sys_second > 1) { 

sys_second -= 1; 

var day = Math.floor((sys_second / 3600) / 24); 

var hour = day*24 + Math.floor((sys_second / 3600) % 24); 

var minute = Math.floor((sys_second / 60) % 60); 

var second = Math.floor(sys_second % 60); 

day_elem && $(day_elem).text(day);//计算天 

$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时 

$(minute_elem).text(minute<10?"0"+minute:minute);//计算分钟 

$(second_elem).text(second<10?"0"+second:second);//计算秒杀 

} else { 

 clearInterval(timer); 

}; 

timer = setInterval(startTime,1000);

startTime();

}

这篇关于关于倒计时new Date().getTime()出现NaN的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/567265

相关文章

Python使用date模块进行日期处理的终极指南

《Python使用date模块进行日期处理的终极指南》在处理与时间相关的数据时,Python的date模块是开发者最趁手的工具之一,本文将用通俗的语言,结合真实案例,带您掌握date模块的六大核心功能... 目录引言一、date模块的核心功能1.1 日期表示1.2 日期计算1.3 日期比较二、六大常用方法详

基于Python和Tkinter实现高考倒计时功能

《基于Python和Tkinter实现高考倒计时功能》随着高考的临近,每个考生都在紧锣密鼓地复习,这时候,一款实用的倒计时软件能有效帮助你规划剩余时间,提醒你不要浪费每一分每一秒,今天,我们来聊聊一款... 目录一、软件概述:二、功能亮点:1. 高考倒计时2. 添加目标倒计时3. 励志语句4. 透明度调节与

Python中__new__()方法适应及注意事项详解

《Python中__new__()方法适应及注意事项详解》:本文主要介绍Python中__new__()方法适应及注意事项的相关资料,new()方法是Python中的一个特殊构造方法,用于在创建对... 目录前言基本用法返回值单例模式自定义对象创建注意事项总结前言new() 方法在 python 中是一个

MySQL 日期时间格式化函数 DATE_FORMAT() 的使用示例详解

《MySQL日期时间格式化函数DATE_FORMAT()的使用示例详解》`DATE_FORMAT()`是MySQL中用于格式化日期时间的函数,本文详细介绍了其语法、格式化字符串的含义以及常见日期... 目录一、DATE_FORMAT()语法二、格式化字符串详解三、常见日期时间格式组合四、业务场景五、总结一、

Golan中 new() 、 make() 和简短声明符的区别和使用

《Golan中new()、make()和简短声明符的区别和使用》Go语言中的new()、make()和简短声明符的区别和使用,new()用于分配内存并返回指针,make()用于初始化切片、映射... 详细介绍golang的new() 、 make() 和简短声明符的区别和使用。文章目录 `new()`

Oracle的to_date()函数详解

《Oracle的to_date()函数详解》Oracle的to_date()函数用于日期格式转换,需要注意Oracle中不区分大小写的MM和mm格式代码,应使用mi代替分钟,此外,Oracle还支持毫... 目录oracle的to_date()函数一.在使用Oracle的to_date函数来做日期转换二.日

Java将时间戳转换为Date对象的方法小结

《Java将时间戳转换为Date对象的方法小结》在Java编程中,处理日期和时间是一个常见需求,特别是在处理网络通信或者数据库操作时,本文主要为大家整理了Java中将时间戳转换为Date对象的方法... 目录1. 理解时间戳2. Date 类的构造函数3. 转换示例4. 处理可能的异常5. 考虑时区问题6.

Python中处理NaN值的技巧分享

《Python中处理NaN值的技巧分享》在数据科学和数据分析领域,NaN(NotaNumber)是一个常见的概念,它表示一个缺失或未定义的数值,在Python中,尤其是在使用pandas库处理数据时,... 目录NaN 值的来源和影响使用 pandas 的 isna()和 isnull()函数直接比较 Na

java线程深度解析(一)——java new 接口?匿名内部类给你答案

http://blog.csdn.net/daybreak1209/article/details/51305477 一、内部类 1、内部类初识 一般,一个类里主要包含类的方法和属性,但在Java中还提出在类中继续定义类(内部类)的概念。 内部类的定义:类的内部定义类 先来看一个实例 [html]  view plain copy pu

string字符会调用new分配堆内存吗

gcc的string默认大小是32个字节,字符串小于等于15直接保存在栈上,超过之后才会使用new分配。