我从来没有编码过我的生活。我是一个完整的noob。 我有这个HTML代码,它是一个倒数计时器。如何编辑背景大小?
我想改变背景颜色,我做了。 我不知道该怎么做是改变背景的大小,使它很好地适应文字,而不是占据整个页面。 我该怎么做?
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
background-color: #ffd;
p {
text-align: center;
font-size: 15em;
}
</style>
</head>
<body>
<p id="demo"></p>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Aug 17, 2017 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance/(1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24))/(1000 * 60 *
60));
var minutes = Math.floor((distance % (1000 * 60 * 60))/(1000 * 60));
var seconds = Math.floor((distance % (1000 * 60))/1000);
// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + ": " + hours + ": "
+ minutes + ": " + seconds + " ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "END";
}
}, 1000);
</script>
</body>
</html>
谢谢!还有两个noob问题:1.我如何确保整个事情仍然在页面的中心?现在它在左边。我试着玩“展示”,我可以让文字居中,但整个背景延伸到整个页面。 2.另外,是否有一种方法可以根据屏幕大小进行定时器缩放?它在桌面上看起来很好,但在移动设备上查看时,文本变得混乱起来。 – j919315
@ j919315我已经编辑上面的帖子。看看它,并检查它是否工作正常。 –
@ j919315这是在行吗? –