
是本地页面时间,前端一般获取的都是本地时间。
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页面中的文本框中直接得到当前时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)