我不知道最后一句设置背景图片大小的应该怎么写,我是想让背景图片要能够刚好覆盖div
id名称不可以是数字
以下代码是调试好的,可以用:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>倒计时</title>
<script type="text/javascript">
function getRTime(){
//var EndTime= new Date('2015/01/01 10:00:00'); //截止时间
var endTimeStr=document.getElementById("endTime").value;
var EndTime= new Date(endTimeStr); //截止时间
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
document.getElementById("t_d").innerHTML = d + "天";
document.getElementById("t_h").innerHTML = h + "时";
document.getElementById("t_m").innerHTML = m + "分";
document.getElementById("t_s").innerHTML = s + "秒";
}
function StartTiming(){
alert("即将开始计时");
setInterval(getRTime,1000);
}
</script>
</head>
<body>
请输入倒计时时间:
<form>
<input id="endTime" name="endTime" type="text" value="2015/01/01 10:00:00">
<input name="btnStart" type="button" value="开始倒计时" onClick="StartTiming()">
</form>
<DIV id="CountMsg" class="HotDate">
<span id="t_d">00天</span>
<span id="t_h">00时</span>
<span id="t_m">00分</span>
<span id="t_s">00秒</span>
</DIV>
</body>
</html>
注意:文本框输入的时间格式为:yyyy/mm/dd hh:mm:ss,如2015/01/01 10:00:00
js中var定义的变量默认为字符串类型,如果直接比较会出现错误,需要转换成int类型的在比较,正确写法Math.max(parseInt(width),parseInt(height));
你那样设置错了,直接将"Math.max(width, height), Math.max(width, height)"作为backgroundSize的值了,而不是实际的值,这个属性的width和height也不需要用逗号隔开,用空格
而且要parseInt转为字符串去掉px或者em单位,而且background-size低版本ie浏览器(IE8-)不支持
id最好不要用数字,虽然支持数字,但是最好起规范来,和变量名称一样
window.onload = function(){
var width =parseInt( document.getElementById("123").style.width);
var height =parseInt( document.getElementById("123").style.height);
document.getElementById("123").style.backgroundSize = Math.max(width, height)+'px '+ Math.max(width, height)+'px';
}
可以用background-size:100% 100%设置你说的那种效果
能用变量命名吗 看这头痛呀 亲