如何用javascript实现一小时倒计时？
我网站上有一个一小时的促销活动，现在想做一个一小时倒计时的功能，按分钟来记，出现时间不要天数也不要小时，以分钟为头往下排。程序是php的，还望各位大侠帮帮忙，谢谢了！另有...
我网站上有一个一小时的促销活动，现在想做一个一小时倒计时的功能，按分钟来记，出现时间不要天数也不要小时，以分钟为头往下排。程序是php的，还望各位大侠帮帮忙 ，谢谢了！另有财富值赠送！
展开
5个回答
展开全部
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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta charset="utf-8">
<script>
var timeCounter = (function() {
var int;
var total = 3600;
return function(elemID) {
obj = document.getElementById(elemID);
var s = (total%60) < 10 ? ('0' + total%60) : total%60;
var h = total/3600 < 10 ? ('0' + parseInt(total/3600)) : parseInt(total/3600);
var m = (total-h*3600)/60 < 10 ? ('0' + parseInt((total-h*3600)/60)) : parseInt((total-h*3600)/60);
obj.innerHTML = h + ' : ' + m + ' : ' + s;
total--;
int = setTimeout("timeCounter('" + elemID + "')", 1000);
if(total < 0) clearTimeout(int);
}
})()
</script>
</head>
<body onLoad="timeCounter('timeCounter')">
<p id="timeCounter">01 : 00 : 00</p>
</body>
</html>
<head>
<meta charset="utf-8">
<script>
var timeCounter = (function() {
var int;
var total = 3600;
return function(elemID) {
obj = document.getElementById(elemID);
var s = (total%60) < 10 ? ('0' + total%60) : total%60;
var h = total/3600 < 10 ? ('0' + parseInt(total/3600)) : parseInt(total/3600);
var m = (total-h*3600)/60 < 10 ? ('0' + parseInt((total-h*3600)/60)) : parseInt((total-h*3600)/60);
obj.innerHTML = h + ' : ' + m + ' : ' + s;
total--;
int = setTimeout("timeCounter('" + elemID + "')", 1000);
if(total < 0) clearTimeout(int);
}
})()
</script>
</head>
<body onLoad="timeCounter('timeCounter')">
<p id="timeCounter">01 : 00 : 00</p>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="timeLeft"></div>
<script>
var obj=document.getElementById('timeLeft');
var minu=60;
function setTimeLeft()
{
obj.innerHTML='剩余'+minu+'分钟';
minu-=1;
}
setTimeLeft();
setInterval('setTimeLeft()',60000);
</script>
<script>
var obj=document.getElementById('timeLeft');
var minu=60;
function setTimeLeft()
{
obj.innerHTML='剩余'+minu+'分钟';
minu-=1;
}
setTimeLeft();
setInterval('setTimeLeft()',60000);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id = 'box' style='width:100%; border:1px solid red; height:20px'>ing..</div>
<script>
var App = {
init : function(){this.setInt()},
chang : function(){
if (App.time[1]) {
App.time[1]--
}else {
if(App.time[0]){
App.time[0]--;
App.time[1]=60;
}else {
clearInterval(App.bb);
return document.getElementById('box').innerHTML='over';
}
}
document.getElementById('box').innerHTML=App.time.join(':')
},
setInt : function(){
this.bb = setInterval('App.chang()',1000)
},
bb :'',
time : [60,00]
}
App.init()
</script>
<script>
var App = {
init : function(){this.setInt()},
chang : function(){
if (App.time[1]) {
App.time[1]--
}else {
if(App.time[0]){
App.time[0]--;
App.time[1]=60;
}else {
clearInterval(App.bb);
return document.getElementById('box').innerHTML='over';
}
}
document.getElementById('box').innerHTML=App.time.join(':')
},
setInt : function(){
this.bb = setInterval('App.chang()',1000)
},
bb :'',
time : [60,00]
}
App.init()
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
