Javascript 带进度条的倒计时计时器

以下是我到目前为止的情况：

我试图得到这样的东西：

我需要一个这样的进度条，我需要的日子显示，就像他们有它。此外，我需要使用一种称为“Russel square”的字体作为计时器。我找遍了所有地方，但遇到了麻烦。

对于你可以使用的计时器，你可以集成一个进度条，但我不是很确定

这是你可以很容易地适应得到你想要的

嗯，我不是专家，但也没那么难，看看这个。注意默认变量

//def值

   var iCms = 1000;
    var iMms = 60 * iCms;
    var iHms = 3600 * iCms;
    var iDms = 24 * 3600 * iCms;  

这是您在本节中“安排”进度条所需的内容：

// def options
        var aDefOpts = {
            start: new Date(), // now
            finish: new Date().setTime(new Date().getTime() + 5 * iMms), // now + 5 days

例如，如果你写…+5*iMms，那么从现在起五分钟后就可以了<代码>iDms=>Days/iHms=>hours/iCms=>seconds

另外，看看我在演示中添加的css，我认为要使用自定义字体，首先必须将字体上载到服务器，然后在样式表中使用以下内容添加字体：

@font-face{
font-family: myFont;
src: url('myFont.ttf');
}

@font-face{
font-family: myFontEI;
src: url('myFont.eot');
}

Then Attach it as a font family like so...

font-family: myFont, myFontEI;

对于计时器，你可以使用，你可以集成一个进度条，但我不是很确定

这是你可以很容易地适应得到你想要的

嗯，我不是专家，但也没那么难，看看这个。注意默认变量

//def值

   var iCms = 1000;
    var iMms = 60 * iCms;
    var iHms = 3600 * iCms;
    var iDms = 24 * 3600 * iCms;  

这是您在本节中“安排”进度条所需的内容：

// def options
        var aDefOpts = {
            start: new Date(), // now
            finish: new Date().setTime(new Date().getTime() + 5 * iMms), // now + 5 days

例如，如果你写…+5*iMms，那么从现在起五分钟后就可以了<代码>iDms=>Days/iHms=>hours/iCms=>seconds

另外，看看我在演示中添加的css，我认为要使用自定义字体，首先必须将字体上载到服务器，然后在样式表中使用以下内容添加字体：

@font-face{
font-family: myFont;
src: url('myFont.ttf');
}

@font-face{
font-family: myFontEI;
src: url('myFont.eot');
}

Then Attach it as a font family like so...

font-family: myFont, myFontEI;

---

嗯，你能把一个JSFIDdle放在一起吗？嗯，这只是一个复制和粘贴，但它应该会在某种程度上帮助你：这必须添加到你的样式表中，但问题是我从来没有听说过这种字体。我刚试过谷歌字体，但它不在那里。好的，它是在线的，虽然。。。还有，我真的不明白进度吧。另外，我才14岁。你能不能把它简化一点呢？嗯，你能不能把一个jsfiddle放在一起呢？嗯，这只是一个复制粘贴的过程，但它应该会对你有所帮助：它必须添加到你的样式表中，但问题是我从来没有听说过这种字体。我刚试过谷歌字体，但它不在那里。好的，它是在线的，虽然。。。还有，我真的不明白进度吧。另外，我才14岁。你能让它简单一点吗。