js页面倒计时代码(js页面倒计时代码怎么用)
admin 发布:2022-12-19 22:56 129
本篇文章给大家谈谈js页面倒计时代码,以及js页面倒计时代码怎么用对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。
- 2、用js写倒计时~但规定要用以下代码~求助
- 3、JS倒计时页面代码(要求读取服务器时间)
- 4、js倒计时代码
- 5、求一个倒计时js代码,非常简单的
JS 5秒倒计时的代码怎么写?时间要实时显示在屏幕上的。
!DOCTYPE html
html lang="en"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejs实现倒计时60秒的简单代码(推荐)/title
script type="text/javascript" src="js/jquery.js"/script
/head
body
input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /
script type="text/javascript"
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="免费获取验证码";
countdown = 5;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
setTimeout(function() {
settime(val)
},1000)
}
}
/script
/body
/html
JavaScript简介
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 课外书
如果 JavaScript 教程学习完毕,并且需要更深入地学习这门语言,《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起,直到当前它对 XML 和 Web 服务的支持。
将学习到如何扩展该语言,以使它适应特殊的需求。
还将学到如何使用 JavaScript 创建无缝的客户机 - 服务器通信。
用js写倒计时~但规定要用以下代码~求助
SCRIPT LANGUAGE="JavaScript"
!--
var maxtime = 60*60;//60*60 //一个小时,按秒计算,自己调整!
function CountDown(){
if(maxtime=0){
//minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
//msg = "距离结束还有"+minutes+"分"+seconds+"秒";
msg = "距离结束还有"+seconds+"秒";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60){
alert('注意,还有5分钟!');
}
--maxtime;
}else{
clearInterval(timer);
//alert("时间到,结束!");
maxtime=60*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//--
/SCRIPT
div id="timer" style="color:red"/div
SCRIPT LANGUAGE="JavaScript"
!--
var maxtime = 5*60;//60*60 //一个小时,按秒计算,自己调整!
var timer;
function CountDown(){
if(maxtime=0){
var minutes = Math.floor(maxtime/60);
var seconds = Math.floor(maxtime%60);
var msg = "距离刷新还有"+minutes+"分"+seconds+"秒";
$('#timer').html(msg);
//document.all["timer"].innerHTML=msg;
--maxtime;
}else{
clearInterval(timer);
//一下两个方法是倒计时结束后调用的方法
searchTaskList();
myajax();
//设置下一次的倒计时
maxtime=5*60;
timer = setInterval("CountDown()",1000);
}
}
timer = setInterval("CountDown()",1000);
//--
/SCRIPT
div id="timer" style="display:inline;color:red"/div
JS倒计时页面代码(要求读取服务器时间)
用JavaScript获取服务器时间,然后做页面倒计时的程序代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns="" xml:lang="en" lang="en"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"/
titleuntitled/title
script type="text/javascript"
get=function (id){
return document.getElementById(id)
}
if(document.all){
window.XMLHttpRequest=function(){
var get=['Microsoft.XMLHTTP','Msxml2.XMLHTTP'];
for(var i=0;iget.length;i++)
{
try{
return new ActiveXObject(get[i])
}
catch(e){}
};
};
}
webDate=function(fn){
var Htime=new XMLHttpRequest();
Htime.onreadystatechange=function(){
Htime.readyState==4(fn(new Date(Htime.getResponseHeader('Date'))))
};
Htime.open('HEAD', '/?_='+(-new Date)); Htime.send(null);
}
window.time=new Date();
targetTime=new Date();
time2String=function (t){
with(t)return [getFullYear(),'年' ,('0'+(getMonth()+1)).slice(-2),'月' ,('0'+getDate()).slice(-2),'日 ' ,('0'+getHours()).slice(-2),': ' ,('0'+getMinutes()).slice(-2),': ' ,('0'+getSeconds()).slice(-2)].join('')
}
int2time=function (m){
m-=(D=parseInt(m/86400000))*86400000; m-=(H=parseInt(m/3600000))*3600000; S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
return D+'天'+H+'小时'+M+'分'+S+'秒'
}
setInterval(function (){
webDate(function (webTime){
get('web').innerHTML=time2String(time=webTime);
})
get('locale').innerHTML=time2String(new Date);
get('time').innerHTML=int2time(targetTime-time);
if ((targetTime-time)0) {
get('time').innerHTML = 'Game Over';
} },1000)
/script
/head
body
设定时间:2015年06月18日0时0分0秒br 服务器时间:span id='web'loading.../spanbr
本地时间:span id="locale"loading.../spanbr
倒计时时间:span id="time"loading.../span
script type="text/javascript" charset="utf-8" targetTime=new Date(2015,06,18,00,00,00); /script
/body
/html
注:原理用xmlhttp来获取服务器上的时间,后台用js做倒计时显示到页面上,由于获取服务器时间这个在本地运行不一定能成功,最好是在服务器上运行!
js倒计时代码
html
body
离半夜12点还有span id="hour"/span小时span id="min"/span分
/body
script
function countdown() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
h = 23 - h;
m = 59 - m;
m = checkTime(m)
document.getElementById("hour").innerHTML=h;
document.getElementById("min").innerHTML=m;
}
function checkTime(i) {
if (i10) i = "0" + i;
return i;
}
setInterval("countdown()", 50);
/script
html
求一个倒计时js代码,非常简单的
逻辑如下:
1、先判断两个时间的时间差,当然如果得到的时间是13位时间戳的话你需要转化一下
2、判断时间够一天显示天数,够一小时显示小时数
相关代码:
//获取时间,时间戳转换,不是则不转
var mydate1 = new Date(parseInt(time1.replace("/Date(", "").replace(")/", "")));
var mydate2 = new Date(parseInt(time2.replace("/Date(", "").replace(")/", "")));
//获取剩余秒数
var timerc =dateDiff(mydate, '2015/05/19 10:00:00') / 1000;
function dateDiff(date1, date2) {
var dt1 = new Date(Date.parse(date1));
var dt2 = new Date(Date.parse(date2));
try {
return Math.round((dt2.getTime() - dt1.getTime()));
}
catch (e) {
return e.message;
}
}
//循环调用倒计时
function add() { //加时函数
--timerc; //时间变量自减1
var day = parseInt(timerc / 86400);
var hour = parseInt((timerc % 86400) / 3600);
var min = parseInt((timerc % 3600) / 60);
var sec = Number(parseInt(timerc % 60 / 10)).toString() + Number(parseInt((timerc % 10))).toString();
if (day 0) { //如果不到5分钟
$("#day").html(day + '天'); //写入天数
$("#hour").html(hour + '时'); //写入小时数
$("#min").html(min + '分'); //写入分钟数
$("#sec").html(sec + '秒'); //写入秒数(两位)
}
else if (hour 0) {
$("#hour").html(hour + '时'); //写入小时数
$("#min").html(min + '分'); //写入分钟数
$("#sec").html(sec + '秒'); //写入秒数(两位)
}
else if (min 0) {
$("#min").html(min + '分'); //写入分钟数
$("#sec").html(sec + '秒'); //写入秒数(两位)
}
else if (sec != '00') {
$("#sec").html(sec + '秒'); //写入秒数(两位)
}
else {
tiao(activity); return true;//时间到0调用函数
}
setTimeout("add()", 1000); //设置1000毫秒以后执行一次本函数
};
望采纳!
js页面倒计时代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于js页面倒计时代码怎么用、js页面倒计时代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:联系我们悬浮代码(网站悬浮代码)
- 下一篇:拼车小程序源代码雷同(微信小程序拼车)
相关推荐
- 05-18百度推广官方电话,免费百度广告怎么投放
- 05-18新手怎么做网络销售,网销怎么找客户资源
- 05-18个人怎么建网站,个人建网站步骤
- 05-18品牌推广与传播方案,品牌推广与传播方案怎么写
- 05-18怎么做网上销售,怎么样做网销
- 05-18贴吧友情链接在哪,手机贴吧怎么看友情贴吧
- 05-18百度广告推广怎么做,如何做百度广告推广
- 05-18百度竞价怎么开户,百度竞价开户流程
- 05-18痘痘如何去除效果好,痘痘应该怎么去除
- 05-17品牌营销策划方案怎么做,品牌营销策划方案怎么做好
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接