js 时间根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求_框架

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

还有<span id="d"></span>天

<span id="h"></span>小时

<span id="m"></span>分

<span id="s"></span>秒

</div>

</body>

var d = _$('d'),

h = _$('h'),

m = _$('m'),

s = _$('s'),

sto = null;

var start = '2014-12-1 12:00:10',

now = '2014-12-1 12:00:00';

function _$(id) {

return documentgetElementById(id);

}

//start eg: 2014-12-1 12:00:00

function getSecondsByStartAndEnd(start, now) {

var d = (new Date(start))getTime() - (new Date(now))getTime();

return d > 0 d : 0;

}

function run(start , now) {

var sec = getSecondsByStartAndEnd(start, now)/1000,

d = parseInt(sec/(606024), 10),

h = parseInt((sec/(6060) - d24), 10),

m = parseInt(sec/60 - d2460 - h60),

s = parseInt(sec - d246060 - h6060 - m60),

timer = {

d: d,

h: h,

m: m,

s: s

};

toHTML(timer);

sto = setInterval(function() {

timer = mulit(timer);

if(timerd === -1) {

alert('time over!');

clearInterval(sto);

} else {

toHTML(timer);

}

},1000);

}

function mulit(timer) {

var t = timer,

d = td,

h = th,

m = tm,

s = ts;

if(s > 0) {

s -= 1;

}else {

m -= 1;

s = 59;

}

if(m < 0) {

h -= 1;

m = 59;

}

if(h < 0) {

d -= 1;

h = 23;

}

return {

d: d,

h: h,

m: m,

s: s

};

}

function toHTML(timer) {

var t = timer;

dinnerHTML = addZero(td);

hinnerHTML = addZero(th);

minnerHTML = addZero(tm);

sinnerHTML = addZero(ts);

}

function addZero(num) {

return numtoString()length === 1 '0' + num : num;

}

run(start, now);

</script>

</html>

start和end都是可设置的，按秒走

首先，需要说明一下：使用JS获取的时间不是服务器时间，而是客户端时间；如果要显示服务器时间，需要将服务器时间传给JS代码使用，具体自己查找资料啦。这里只给出显示客户端时间的实现方法。如下：在网页里，你在页面的onload事件里添加一个函数showTime(); 然后，定义showTime()如下： function showTime(){ var today=new Date(); //当前时间。 // 以下获取年月日 date=todaygetDate(); month=todaygetMonth()+1; //月份是从0开始计算的。 if(month<=9) month="0"+month; year=todaygetYear(); var nowDate=year+'-'+month+'-'+date; // 以下获取时分秒。 var d, s=""; var c = ":"; s += todaygetHours() + c; s += todaygetMinutes() + c; s += todaygetSeconds() ; // s += todaygetMilliseconds(); //这个是获得微秒数，一般不用。 // 将整个结果连接起来，显示到合适的位置。以下假设你有一个id为timer的DIV或TD等。 documentgetElementById("timer")innerHTML = nowDate + " " + s; setTimeout(showTime,1000); // 具体语法，请参考各类相关文档。 }

以上就是关于js 时间根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求全部的内容，包括:js 时间根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求、网页怎样显示系统时间并且不断刷新，谢谢作答。求大神帮助、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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

js 时间根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求

发表评论

评论列表（0条）

js 时间 根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求

发表评论

评论列表（0条）

js 时间根据获取的时间，控制页面上的时间每秒更新 ps:JS大牛些，在线跪求