Quiero mostrar un mensaje con un fondo negro siempre que la orientación de la ventana gráfica esté en modo vertical en esbelto.

Usé svelte-viewport-info para obtener la orientación de la ventana gráfica.

 <script lang="ts"> import Viewport from 'svelte-viewport-info' console.log('standard Screen Orientation: ',Viewport.Orientation) </script> <svelte:body on:orientationchangeend={() => { console.log( 'Screen Orientation changed to: ', Viewport.Orientation + ( Viewport.detailledOrientation == null ? '' : '(' + Viewport.detailledOrientation + ')' ) ) }} />

Quiero cambiar la propiedad de display de un div

• Cuando está en landscape mode , la display se establece en none
• Cuando está en portrait mode , la display está configurada para block

Encontré una sintaxis js para llamar a la función después de un cierto intervalo de tiempo

 var test = 0; var interval; function check_test() { if( test == 1 ){ clearInterval( interval ); console.log( "Test is 1 now!" ); } } interval = window.setInterval( check_test, 1000 );

Entonces, dentro de esta función anterior que se llama cada 1000 milisegundos/1 segundo.

Encontré una sintaxis para usar la declaración if en esbelta aquí en #template-syntax-if

¿Cómo realizo todo esto en esbelto? Es confuso.

1. Tengo que llamar repetidamente a la función usando window.setInterval después de cierto intervalo
2. La función necesita verificar la orientación de la ventana gráfica desde : final de cambio de orientación dentro de esbelto: cuerpo
3. Use if in svelte para establecer la propiedad de visualización de un div en bloque o ninguno, según la orientación de la ventana gráfica del paso 2