倒计时代码怎么写 倒计时插件
大家好,今天小编来为大家解答以下的问题,关于倒计时代码怎么写,倒计时插件这个很多人还不知道,现在让我们一起来看看吧!
javascript倒计时代码
我给你做了一个,你看行不行?
js代码:fun.js
var timmerID= null;
function time(){
var time= document.getElementById("now");
var left= document.getElementById("left");
var t= time.value.split(":");
var hour= parseInt(t[0]);
var min= parseInt(t[1]);
min=min+1;
if(min==60){
hour=hour+1;
min=0;
if(hour==24){
hour=0;
}
}
time.value=hour+":"+min;
left.value= left.value-1;
if(left.value==0){
mystop();
alert("时间已到!");
}
}
function mystart(){
var left= document.getElementById("left");
left.value="40";
timmerID= window.setInterval("time()", 1000*60);
}
function mystop(){
window.clearInterval(timmerID);
}
html页面:
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>time.html</title>
<script type="text/javascript" src="fun.js"></script>
</head>
<body>
时间起点:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart();"><br>
剩余时间:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br>
</body>
</html>
补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script>,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:<script type="text/javascript">
<!--javascript代码-->
</script>
网页倒计时代码问题
很简单,这个是脚本的作用,开始的时候那个按钮时不可用状态,enabled=false;
你可以将你的浏览器禁用脚本一项选中,或者仅仅针对这一个页面,那么他的脚本就没有用了,不过这样他的页面里的很多效果或者是功能也许就不能够正常工作的。
如果不行,你也可以自己调用客户端脚本程序,最简单的就是在地址栏输入:
javascript:document.all.button1.enabled=true;
将那个按钮的“可用性”属性强制调整为true。
其中的Button1指的是你在源代码中看到的那个按钮的id值,或者是name值。
如果不是IE浏览器得这样:
javascript:document.getElementById("button1").eabled=true;
如果那个按钮是没有id属性,可以用
javascript:document.getElementByName("buttonname").item(0).eabled=true;
其中buttonname为那个按钮的name属性值。
假设那个按钮既没有id值,也没有name值,那么他自己的脚本也不能控制按钮的有效属性,
有这样的一种情况,如果那个按钮是某一个表单的提交按钮,也就是说按钮的属性是type="submit"这样可以没有id值,或者是name值,但他外层的form一定会有id值或者是name值。
你可以这样提交那个表单:
在地址栏中输入:
javascript:document.forms["formename"].submit();
如果不是IE浏览器,可以尝试:
javascript:document.getElementById("formId").submit();
这也就是简单的技巧,在Javascript方面如果熟悉,很容易搞定。这个也就是初步的网页脚本攻击了,你有了黑客的思想了,如果要是想讨论脚本的话,欢迎与我交流
谁能帮我解释一下这段html倒计时的代码,谢谢了
window.setTimeout("show_date_time()", 1000);
每1秒执行下此函数
函数作用就是当前时间减1秒
============================================
function show_date_time(){
window.setTimeout("show_date_time()", 1000);//每秒执行此函数
BirthDay=new Date("8/08/2008 20:00:00");//这个日期是可以修改的,倒数结束时间
today=new Date();//系统当前时间
timeold=(BirthDay.getTime()-today.getTime());//结束时间减去当前时间的毫秒数
sectimeold=timeold/1000//转换成秒
secondsold=Math.floor(sectimeold);//返回小于等于其数值参数的最大整数
msPerDay=24*60*60*1000;//一天的总秒数
//后面不用我解释了吧,就是些算法,计算相差的天数,小时分钟秒什么的
e_daysold=timeold/msPerDay;
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
//在span_dt_dt中显示计算结果
span_dt_dt.innerHTML="<align=center><font color=ff0000>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"<br></font>";
}
show_date_time();
关于倒计时代码怎么写的内容到此结束,希望对大家有所帮助。