将javascript函数转换为多次使用

将javascript函数转换为多次使用,javascript,html,css,Javascript,Html,Css,我目前正在编程一个计时器,我有三个不同值的计时器。这是w3schools的一篇文章,唯一的问题是我无法将函数转换为使用不同的值三次。有人能帮我解决这个问题吗?提前谢谢 p{ 文本对齐:居中; 字体大小:60px; 边际上限:0px; } //确定我们倒计时的日期 var countDownDate=新日期(“2018年9月5日15:37:25”).getTime(); //每1秒更新一次倒计时 var x=setInterval(函数(){ //获取今天的日期和时间 var now=new

我目前正在编程一个计时器,我有三个不同值的计时器。这是w3schools的一篇文章,唯一的问题是我无法将函数转换为使用不同的值三次。有人能帮我解决这个问题吗?提前谢谢


p{
文本对齐:居中;
字体大小:60px;
边际上限:0px;
}

//确定我们倒计时的日期 var countDownDate=新日期(“2018年9月5日15:37:25”).getTime(); //每1秒更新一次倒计时 var x=setInterval(函数(){ //获取今天的日期和时间 var now=new Date().getTime(); //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在; //天、小时、分钟和秒的时间计算 变量天数=数学楼层(距离/(1000*60*60*24)); 可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60)); var分钟=数学楼层((距离%(1000*60*60))/(1000*60)); var秒=数学楼层((距离%(1000*60))/1000); //在id=“demo”的元素中输出结果 document.getElementById(“demo”).innerHTML=days+d+hours+h +分钟+米+秒+秒; //如果倒计时结束,写一些文字 如果(距离<0){ 净间隔(x); document.getElementById(“demo”).innerHTML=“过期”; } }, 1000);
我不确定您想要的是什么,但以下是如何创建三个计时器:

//设置我们倒计时的日期
var countDownDate1=新日期(“2018年9月5日15:37:25”).getTime();
var countDownDate2=新日期(“2018年9月12日11:31:12”).getTime();
var countDownDate3=新日期(“2019年10月31日03:31:00”).getTime();
//每1秒更新一次倒计时
函数createTimer(倒计时日期,i){
var x=setInterval(函数(){
//获取今天的日期和时间
var now=new Date().getTime();
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在;
//天、小时、分钟和秒的时间计算
变量天数=数学楼层(距离/(1000*60*60*24));
可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60));
var分钟=数学楼层((距离%(1000*60*60))/(1000*60));
var秒=数学楼层((距离%(1000*60))/1000);
//在id=“demo”的元素中输出结果
document.getElementById(“demo”+i).innerHTML=days+“d”+hours+“h”
+分钟+米+秒+秒;
//如果倒计时结束,写一些文字
如果(距离<0){
净间隔(x);
document.getElementById(“demo”+i).innerHTML=“过期”;
}
}, 1000);
}
createTimer(倒计时日期1,1);
createTimer(倒计时日期2,2);
createTimer(倒计时3,3)

p{
文本对齐:居中;
字体大小:60px;
边际上限:0px;
}


您需要将函数作为参数传递给
setInterval
,并为函数命名。然后,将函数的名称传递给
setInterval
,但现在函数有了名称,可以在其他任何时候调用它:


p{
文本对齐:居中;
字体大小:60px;
边际上限:0px;
}

//确定我们倒计时的日期 var countDownDate=新日期(“2018年9月5日15:37:25”).getTime(); //已提取该函数并为其命名: 函数doTime(){ //获取今天的日期和时间 var now=new Date().getTime(); //找出现在和倒计时日期之间的距离 var距离=倒计时日期-现在; //天、小时、分钟和秒的时间计算 变量天数=数学楼层(距离/(1000*60*60*24)); 可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60)); var分钟=数学楼层((距离%(1000*60*60))/(1000*60)); var秒=数学楼层((距离%(1000*60))/1000); //在id=“demo”的元素中输出结果 document.getElementById(“demo”).innerHTML=days+d+hours+h +分钟+米+秒+秒; //如果倒计时结束,写一些文字 如果(距离<0){ 净间隔(x); document.getElementById(“demo”).innerHTML=“过期”; } } //每1秒更新一次倒计时 var x=设置间隔(doTime,1000); //而且它本身也可以被称为 doTime();
发布一些代码,让我们看看问题所在。远离W3学校。众所周知,有不正确、过时或完全错误的信息。请改用。请不要发布代码链接。始终在问题中包含您的代码,就在这里。单击“新建问题”工具栏上的“代码片段”按钮,插入可以执行的代码。这里有一个间隔函数。该函数每秒运行一次。它不是递归的。所以它不需要争论。不知道你想做什么。你能用语言解释一下你想用这个函数做什么吗?你说你需要三个版本,我想你想使用同一个函数并传递不同的参数,使其表现出令人满意的效果。@SebastiaanMaes请投票选出所有有用的答案,如果你觉得其中一个给出了你需要的答案,请将该答案标记为“答案”。