2、然后第二步就到了css部分了，当然这一部分可以根据你个人的喜好进行修改，做出更具美感的页面。js代码：funjs
var timmerID = null;
function time() {
var time = documentgetElementById("now");
var left = documentgetElementById("left");
var t = timevaluesplit(":");
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;
}
}
timevalue=hour+":"+min;
leftvalue = leftvalue-1;
if(leftvalue==0){
mystop();
alert("时间已到！");
}
}
function mystart() {
var left = documentgetElementById("left");
leftvalue="40";
timmerID = windowsetInterval("time()", 100060);
}
function mystop() {
windowclearInterval(timmerID);
}
html页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>timehtml</title>
<script type="text/javascript" src="funjs"></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放在一个文件叫funjs,在html页面中要引用此文件，如：<script type="text/javascript" src="funjs"></script> ，注意不要把路径弄错了，src后面的路径按照实际的来，如果两个文件在一个目录下，就是如上这样引用，当然也可以直接把全部的js内容放在html文件的头部，如：<script type="text/javascript">
<!--javascript代码-->
</script><html>
<head>
<meta ><input type="button" value="倒计时" id="button1"
onClick="timedMsg()">
<script type="text/javascript">
var c=5;
var t;
function timedMsg()
{
documentgetElementById('button1')value="倒计时"+c;
documentgetElementById('button1')disabled=true;
if(c==0){
clearTimeout(t);
windowlocationhref="url";//为跳转地址
}else{
t=setTimeout('timedMsg()',1000);
}
c--;
}
</script>
点击按钮开始倒计时，当计时为0的时候跳转
setTimeout设置多少时间调用函数，返回值用于清除定时器<script language='javascript'>
var _t;
var _h = 0;
var _m = 1;
var _s = 0;
var _v = formatTime(_h + ':' + _m + ':' + _s);
function doTime()
{
_s --;
if (_s == -1)
{
_m --;
_s = 59;
}
if (_m == -1)
{
_h --;
_m = 59;
}
var _b = ((_h == 0) && (_m == 0) && (_s == 0));
if (_b)
{
_v = 'Welcome To RTBBSNET';
clearTimeout(_t);
}
else
{
_v = formatTime(_h + ':' + _m + ':' + _s);
_t = setTimeout('doTime()', 1000);
}
documentalloTimeinnerHTML = _v;
}
function formatTime(_time)
{
return _timereplace(/\b(\w)\b/g, '0$1');
}
function start_time()
{
documentalloTimeinnerHTML = _v;
_t = setTimeout('doTime()', 1000);
}
</script>
<span id='oTime'></span>
<input type="button" name="button2" value="计时开始" onclick='start_time()' >
</body>
</html>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）