jQuery Countdown 获取的是服务器时间还是本地时间

jQuery Countdown 获取的是服务器时间还是本地时间,第1张

是本地页面时间,前端一般获取的都是本地时间。

JQuery CountDown里面都是通过new Date的方式和setInterval定时方式进行的。

一般countdown的初始时间最好是从服务器给定,然后倒计时。

首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。实现上述过程需要以下两个函数:

getTime() // 返回距1970年1月1日之间的毫秒数,这样将时间差(毫秒数)÷3600÷24即为天数,时分秒类似

setTimeout(code,millisec); // 在指定的毫秒数后调用函数

实例演示如下

创建Html元素

<div class="box">

<span>距离2015年国庆节还剩:</span><br>

<div class="content">

<input type="text" id="time_d">天<input type="text" id="time_h">时<input type="text" id="time_m">分<input type="text" id="time_s">秒

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='text']{width:45px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

编写jquery代码

$(function(){

show_time();

});

function show_time(){

var time_start = new Date()getTime(); //设定当前时间

var time_end = new Date("2015/10/01 00:00:00")getTime(); //设定目标时间

// 计算时间差

var time_distance = time_end - time_start;

// 天

var int_day = Mathfloor(time_distance/86400000)

time_distance -= int_day 86400000;

// 时

var int_hour = Mathfloor(time_distance/3600000)

time_distance -= int_hour 3600000;

// 分

var int_minute = Mathfloor(time_distance/60000)

time_distance -= int_minute 60000;

// 秒

var int_second = Mathfloor(time_distance/1000)

// 时分秒为单数时、前面加零

if(int_day < 10){

int_day = "0" + int_day;

}

if(int_hour < 10){

int_hour = "0" + int_hour;

}

if(int_minute < 10){

int_minute = "0" + int_minute;

}

if(int_second < 10){

int_second = "0" + int_second;

}

// 显示时间

$("#time_d")val(int_day);

$("#time_h")val(int_hour);

$("#time_m")val(int_minute);

$("#time_s")val(int_second);

// 设置定时器

setTimeout("show_time()",1000);

}

用jquery可以做:

获取JavaScript 的时间使用内置的Date函数完成

var mydate = new Date();

mydategetYear(); //获取当前年份(2位)

mydategetFullYear(); //获取完整的年份(4位,1970-)

mydategetMonth(); //获取当前月份(0-11,0代表1月)

mydategetDate(); //获取当前日(1-31)

mydategetDay(); //获取当前星期X(0-6,0代表星期天)

mydategetTime(); //获取当前时间(从197011开始的毫秒数)

mydategetHours(); //获取当前小时数(0-23)

mydategetMinutes(); //获取当前分钟数(0-59)

mydategetSeconds(); //获取当前秒数(0-59)

mydategetMilliseconds(); //获取当前毫秒数(0-999)

mydatetoLocaleDateString(); //获取当前日期

var mytime=mydatetoLocaleTimeString(); //获取当前时间

mydatetoLocaleString( ); //获取日期与时间

然后在获取你的文本框,给你的文本框赋值! 望采纳!!谢谢!!

以上就是关于jQuery Countdown 获取的是服务器时间还是本地时间全部的内容,包括:jQuery Countdown 获取的是服务器时间还是本地时间、jquery倒计时代码是怎么写的、怎么在打开的jsp页面中的文本框中直接得到当前时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9437184.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存