这是我到目前为止的内容:http://jsfiddle.net/BgEtE/

我正在尝试获得以下内容:http://fusionmedia.dk/construction/

我需要这样的进度条,并且我需要像他们一样显示日期。另外,我需要使用一种叫做“ Russel square”的字体作为计时器。我环顾四周,但遇到麻烦了。

最佳答案

对于计时器,您可以使用this one,并且可以集成进度条,但是我不太确定。

这是another great tutorial,您可以轻松调整以获取所需的内容。

好吧,我不是专家,但并不难,请看一下updated demo。注意默认变量// def values

   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;

09-17 19:14
查看更多