倒计时制作笔记

制作一个简易倒计时页面的笔记，可能了解比较片面，后期会进行修改。

---

• 鼠标样式：通过css的cursor属性改变

• type(NaN)的结果为number，因此不可以纯粹通过判断输入的数字的类型是否为number，而非number的字符经过数字运算之后，类型为NaN，因此可以通过isNaN()函数来判断是数字还是非数字，进而决定进行哪个步骤。

• 实现按钮的立体效果可以通过background的linear-gradient值，box-shadow属性来共同作用，只是不同浏览器对于background需要进行浏览器的兼容，代码如下：

button{    background: -webkit-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Safari 5.1 - 6.0 */    background: -o-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Opera 11.1 - 12.0 */    background: -moz-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Firefox 3.6 - 15 */    background: linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* 标准的语法 */ }

ps：括号里面的参数为起始、中间、末尾的颜色值，详见CSS3渐变。

• js选中input文本框中的文字，采用select()函数。

• js获得或改变标签内部文本的方法：document.innerText；获得或改变标签内部所有内容的方法：document.innerHTML。

• 字间距属性letter-spacing。

• js改变一个dom元素的多个属性，可通过cssText修改，代码如下：

button.style.cssText='letter-spacing:5px;background: -webkit-linear-gradient(#FF7792,#FF224E,#FF7792);background: -o-linear-gradient(#FF7792,#FF224E,#FF7792);background: -moz-linear-gradient(#FF7792,#FF224E,#FF7792);background: linear-gradient(#FF7792,#FF224E,#FF7792)';

---