¿Qué es la página Próximamente?
Primero, necesitamos saber cuál es el significado de la página Próximamente , Próximamente es un término que significa algo que se llevará a cabo según lo programado o que se espera que suceda en un futuro cercano. Por la presente, llegamos a la conclusión de que la página Próximamente es un tipo de página web que se utiliza para promocionar e informar a los espectadores potenciales sobre lo que viene a continuación en la página del sitio. (Por ejemplo: nuevas páginas de teléfonos inteligentes que aparecen en los sitios de comercio electrónico. En este artículo, discutiremos cómo crear una página próximamente.
Característica de la página Próximamente:
- Tenemos que pensar como espectadores en lo que queremos ver en la página particular que estamos visitando y qué tan atractiva nos parece la página en cuestiones de diseño y contenido.
- Debemos tener un conocimiento completo de lo que estamos presentando a los espectadores. (Por ejemplo:- para un producto alimenticio orgánico, elegiremos el tema de la naturaleza y los alimentos.
- Cuando esté creando su página Próximamente, asegúrese de poner Días de cuenta regresiva. Entonces, los espectadores sabrán cuándo se lanzará el producto.
- Asegúrese de poner la opción de enlace VER MÁS TARDE y COMPARTIR en la página, de modo que si los espectadores quieren ver esta página más tarde o compartir la página con otros como puedan.
Acercarse:
- Primero configure el fondo de la página web usando una imagen o un lienzo.
- Establece la fecha de lanzamiento usando Date() .
- Actualice el conteo de cada segundo en var x usando setinterval() .
- Calcular días, horas, minutos y segundos
- Mostrar resultado
Ejemplo:
HTML
<!DOCTYPE HTML>
<HTML>
<style>
header {
background-image: url(
https://media.geeksforgeeks.org/wp-content/cdn-uploads/20210908212955/Get-Hired-With-GeeksforGeeks-GFG-Job-Portal.png);
background-position: center;
height: 100vh;
background-size: 100% 96%;
}
.Tech {
top: 19%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
color: rgb(20, 158, 212);
text-align: center;
font-size: 17px;
}
#Release {
color: white;
font-size: 40px;
word-spacing: 10px;
}
</style>
<head>
<link href="style.css"
rel="stylesheet"
type="text/css">
</head>
<BODY>
<header>
<div class="Tech">
<h2>COMING SOON</h2>
<p id="Release"></p>
</div>
</header>
<script>
// Set the date of launching
var RemainingTime = new Date("Feb 17, 2022 00:00:00");
var RemainingTime = RemainingTime.getTime();
// Update the count down every second
var x = setInterval(function() {
// Get current date and time
var now = new Date().getTime();
var distance = RemainingTime - now;
// Days, hours, minutes and seconds time calculations
var days_remaining =
Math.floor(distance / (1000 * 60 * 60 * 24));
var hours_remaining =
Math.floor(days_remaining / (1000 * 60 * 60));
var x1 = distance % (1000 * 60 * 60);
var minutes = Math.floor(x1 / (1000 * 60));
var x2 = distance % (1000 * 60);
var seconds = Math.floor(x2 / 1000);
// Display the results
document.getElementById("Release").innerHTML =
days_remaining +
" : " + hours_remaining + " : " + minutes +
" : " + seconds;
// Text after count down is over
if (distance < 0) {
clearinterval(x);
document.getElementById("Release").
innerHTML = "Welcome";
}
}, 1000);
</script>
</BODY>
</HTML>
Producción:
Publicación traducida automáticamente
Artículo escrito por sarthakgarg0111 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA