帮忙小小的修改一下JS代码,关于倒计时的。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了帮忙小小的修改一下JS代码,关于倒计时的。相关的知识,希望对你有一定的参考价值。

源代码如下 <html> <body> <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) if (wait == 0) o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; else // www.jbxue.com o.setAttribute("disabled", true); o.value="重新发送(" + wait + ")"; wait--; setTimeout(function() time(o) , 1000) document.getElementById("btn").onclick=function()time(this); </script> </body> </html> 改动要求: 初始值就是60秒倒计时,这个代码初始值是没有变灰的可按下按钮。 秒数没到刷新后又可按下了,这不是我想要的结果。 2.如果可以,最好使代码倒计时不受刷新影响,看网上说要存cooking什么的,这个我也不太懂,列为可选项。 求大神解答!好的追加高分!

参考技术A 存cookie的,人家一清除你照样没有了,存localstorage的话,兼容性更是个问题,告诉你哦,唯一解决的办法就是传递数据给后台,后台返回标记给前台,表示已经完成倒计时,这个才是最佳的选择,这个是前台脚步js无法做到的,好不好,你的后台是什么,自己斟酌好不好,就这样,采纳就对了。 参考技术B 如果你用的这些代码,刷新后肯定会重新加载。变量啥的都会初始化,用了cookie可以在刷新离开页面的时候存入cookie,然后载入判断cookie的值是否为初始值,不为初始值继续
读秒

请PHP高手帮修改一个倒计时的代码.

现在这个代码可以看到秒的跳动,希望高手能帮改一下,添加毫秒的显示,并能看到毫秒的跳动.
h:m:s:ms (毫秒不断跳动,每一毫秒都变一次)
PHP代码如下:

<?php
/**************************************
**功能:PHP实时倒计时
**创建日期:2009-2-26
**作者:潘继强 <panjeck@tom.com>
**
***************************************/
//php的时间是以秒算。js的时间以毫秒算

date_default_timezone_set("Asia/Hong_Kong");//地区

//配置每天的活动时间段
$starttimestr = "09:00:00";
$endtimestr = "13:50:00";

$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime<$starttime)
die("活动还没开始,活动时间是:$starttimestr至$endtimestr");

$lefttime = $endtime-$nowtime; //实际剩下的时间(秒)
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP实时倒计时!</title>
<script language="JavaScript">
<!-- //
var runtimes = 0;
function GetRTime()
var nMS = <?=$lefttime?>*1000-runtimes*1000;
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
if(nMS>5*59*1000&&nMS<=5*60*1000)

alert("还有最后五分钟!");

runtimes++;
setTimeout("GetRTime()",1000);

window.onload=GetRTime;
// -->
</script>
</head>
<body>
<h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong></h1>
</body>
</html>

现在这个代码可以看到秒的跳动,希望高手能帮改一下,添加毫秒的显示,并能看到毫秒的跳动.
h:m:s:ms (毫秒不断跳动,每一毫秒都变一次)
PHP代码如下:

<?php
/**************************************
**功能:PHP实时倒计时
**创建日期:2009-2-26
**作者:潘继强 <panjeck@tom.com>
**
***************************************/
//php的时间是以秒算。js的时间以毫秒算

date_default_timezone_set("Asia/Hong_Kong");//地区

//配置每天的活动时间段
$starttimestr = "09:00:00";
$endtimestr = "15:00:00";

$starttime = strtotime($starttimestr);
$endtime = strtotime($endtimestr);
$nowtime = time();
if ($nowtime<$starttime)
die("活动还没开始,活动时间是:$starttimestr至$endtimestr");

$lefttime = $endtime-$nowtime; //实际剩下的时间(秒)
//echo floor(microtime()*1000);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PHP实时倒计时!</title>
<script language="JavaScript">
<!-- //
var runtimes = 0;
function GetRTime()
var nMS = <?=$lefttime?>*1000-runtimes*10;
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
var nms=Math.floor(nMS);
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;

var c=new Date();
var q=c.getMilliseconds();
if(q<10)//因为毫秒为一位数时只占一个字符位置,会让毫秒二字变动位置

q="00"+c.getMilliseconds();

if(q>=10 && q<100)//因为毫秒为两位数时只占两个字符位置,会让毫秒二字变动位置

q="0"+c.getMilliseconds();

document.getElementById("xxx").innerHTML=q;
if(nMS>5*59*1000&&nMS<=5*60*1000)

alert("还有最后五分钟!");

runtimes++;
setTimeout("GetRTime()",10);

window.onload=GetRTime;
// -->
</script>
</head>
<body>
<h1><strong id="RemainH">XX</strong>:<strong id="RemainM">XX</strong>:<strong id="RemainS">XX</strong>

:<strong id="xxx">XX</strong>

</h1>

</body>
</html>
参考技术A 倒计时需要用php吗 直接都是javascript的代码应该也可以吧

以上是关于帮忙小小的修改一下JS代码,关于倒计时的。的主要内容,如果未能解决你的问题,请参考以下文章

帮忙改下JS代码,如何在一个页面显示多个倒计时。。。

请PHP高手帮修改一个倒计时的代码.

js倒计时代码还剩多少天

PHP倒计时代码修改 倒计时时间错误

原生js实现一个简单的倒计时功能

QT做一个按钮Qpushbutton 倒计时功能的小小程序