Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Caixa de resposta rápida nos tópicos
Hoje à(s) 09:53 pm por Harleen

» Categoria do fórum
Hoje à(s) 09:48 pm por Harleen

» Remover "Não há mensagens"
Hoje à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Hoje à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 07:39 pm por Flames

» Bug nos tópicos
Hoje à(s) 07:05 pm por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 06:19 pm por Flames

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

Quem está conectado
263 usuários online :: 5 usuários cadastrados, 1 Invisível e 257 Visitantes :: 2 Motores de busca

Harleen, Luiz, Starset, ThedbR, Tiago João

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajustar horário de código

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Ajustar horário de código

Mensagem por .Danni. em 20/03/16, 01:12 am

Detalhes da questão


Endereço do fórum: http://www.castelobruxorpg.com/
Versão do fórum: Invision

Descrição


Boa noite,

Coloquei no meu fórum um código que altera a aparência do topo de acordo com o horário, sendo sol até as 17:59 e lua das 18:00 até às 23:59.

Contudo eu gostaria que a lua ficasse aparente até às 5:59, mas não sei como alterar o código para tal. Pelo que eu entendi ele reseta para o dia seguinte à meia-noite, por isso o sol aparece, ou talvez ele de fato considere que o dia dura da 0 hora até às 17:59.

Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function($scope){
    var h = new Date().getHours();
    if (h <= 18) {
      $scope.time="day";
    } else {
      $scope.time="night";
    }
  
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>


Última edição por .Danni. em 04/04/16, 06:05 pm, editado 1 vez(es)
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por Shek em 20/03/16, 11:30 am

Bom dia!

No caso, o que define quando o Sol vai nascer ou se por, é isso h <= 18. Seria, em outros termos, se 18 for menor ou igual ao getHours, então, é de noite. Se não, é de dia. Tudo varia de acordo com a hora do PC.

Acho que, isso pode resolver:
Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function(jQueryscope){
    var h = new Date().getHours();
    if (h <= 18) {
      jQueryscope.time="day";
    } else if (h <= 06) {
     jQueryscope.time="day";
   }
   else {
      jQueryscope.time="night";
    }
 
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>
Por favor, poderia me enviar uma imagem de como fica no seu fórum?

Até mais.


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16488
Pontos Ativos : 20869

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 20/03/16, 03:00 pm

É assim que fica o script atualmente

Dia - 0:00 às 17:59


Noite - 18:00 às 23:59


A alteração não funcionou, acabou removendo o efeito principal, que é a mudança na cor do topo e o ícone de sol/lua.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 23/03/16, 03:17 pm

Aguardando.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em 24/03/16, 05:04 pm

Olá e boa tarde!

Experimente o seguinte código:
Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function($scope){
    var h = new Date().getHours();
    if (h <= 18 && h >= 6) {
      $scope.time="day";
    } else {
      $scope.time="night";
    }
 
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>

avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 24/03/16, 05:09 pm

Esse último fez com que ficasse tudo no horário da noite Mostrando a lingua

Testei alterando o horário do meu relógio e atualizando a página.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em 24/03/16, 08:44 pm

Olá e boa noite.

Que coisa, não? Muito feliz
Creio que o problema é eu não ter conseguido entender a sua questão, sendo assim, vou explicar-te como alterar:
Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function($scope){
    var h = new Date().getHours();
    if (h <= 18) {
      $scope.time="day";
    } else {
      $scope.time="night";
    }
  
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>

H = hora atual
<= = menor ou igual a
   if (h <= 18) {
Se for de 00 á 18, será dia e, se for maior que 18, será noite.

Você pode simplesmente alterar esse valor, ou criar quantas ifs quiser, exemplo:
Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function($scope){
    var h = new Date().getHours();
    if (h <= 18) {
      $scope.time="day";
    } if else(h <= 6) {
$scope.time="night"; //AQUI VOCÊ DECLARA O QUE QUISER, NESSE CASO, SERÁ NOITE!
}
else {
      $scope.time="night";
    }
  
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>

Entendeu? Muito feliz Caso não, me explique melhor?

Até.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 24/03/16, 10:24 pm

O problema com esse código é que ele some com o efeito. Por algum motivo que eu não sei :/ do mesmo modo que o do Shek Mostrando a lingua
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em 25/03/16, 09:01 am

Hã... não entendi. Vou por outra explicação - segundo o que eu entendi e, caso não seja, por gentileza explique tudo do início? Eu amo você

O efeito some pois, você deve declara-lo logo após o if:
Código:
{
      $scope.time="day";
    }
Código:
{
      $scope.time="night";
    }
Day = Dia
Night = Noite

O if a senhorita já conhece. Muito feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 25/03/16, 03:14 pm

Mas no caso, no código anterior, isso já não tá declarado? Nessa parte:

Código:
if (h <= 18) {
      $scope.time="day";
    } if else(h <= 6) {
$scope.time="night"; //AQUI VOCÊ DECLARA O QUE QUISER, NESSE CASO, SERÁ NOITE!
}
else {
      $scope.time="night";
    }

Já tá falando, "se menor que 18 horas, dia" depois "outro, se menor que 6, noite" e por último "outro, noite".

O que eu entendi disso: o código tá dizendo que é pra ativar o dia das 6:01 até às 17:59. Das 18:00 até às 5:59 ativa a noite. Mas ainda sim, o código não responde, o efeito (de dia ou noite) não aparece. Nenhum dos dois na verdade.

Como eu postei antes, era para aparecer um fundo + ícone de dia e outro fundo + ícone a noite, meu problema é, que ao dar 0 hora o código considera dia, ainda que, tecnicamente, seja noite. Eu só queria que o código considerasse que o horário das 18 até às 6 do dia seguinte fosse noite.

Vale lembrar que eu não sou programadora, encontrei o código na internet e adaptei pra minha necessidade. Mostrando a lingua

Se for preciso eu forneço a conta de fundador para visualização do template.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 28/03/16, 01:02 am

Ainda aguardando ajuda
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 02/04/16, 02:52 am

Up
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por Cepheus em 02/04/16, 03:12 pm

É simples veja:

Código:
h >= 06 && h < 18)
Se a Hora atual "h" for maior ">" ou "=" a 06 e "&&" A hora atual "h" for menor "<" que 18 então será dia.
Outros horários retornaram como noite.

Abaixo está o código modificado:

Código:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script>
    var app = angular.module('cw', []);

app.controller('MyTimeCtrl', function($scope){
    var h = new Date().getHours();
    if (h >= 06 && h < 18) {
      $scope.time="day";
    } else {
      $scope.time="night";
    }
  
});
  </script>
<div ng-app="cw">
  <div ng-controller="MyTimeCtrl" class="weather" ng-class="time">
        <span class="winfo"><ul><li style="color: #FB69E1;">Primavera</li>
        <li>28°C</li>
        <li>Brisa Leeve</li>
        <li style="color: #37EC2E;">20/Set/15 à 22/Nov/15</li></ul></span>
  </div>
</div>
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 02/04/16, 09:56 pm

Boa noite,

Então, o código pode até estar certo, mas a função que ele deveria realizar (que é a de alterar o fundo) não pega com essas mudanças.

Antes não aparecia nada, nesse último até apareceu, mas ficou com a aparência noturna independente da hora do dia.
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Ajustar horário de código

Mensagem por Cepheus em 02/04/16, 10:49 pm

Você colocou o código corretamente no template?
Fiz um teste rápido aqui para ver o código em funcionamento, 
Veja: http://detest.forumeiros.com/
Alterei o horário do Sistema Operacional tanto de dia como de noite está funcionando normalmente.
Só uma ressalva é que você precisa atualizar a pagina algumas vezes devido a mudança repentina de horário "o navegador pode não interpretar da primeira atualização devido ao cache está armazenado". 

Peço que deixe o código que passei no seu template para que eu posso observa-lo.
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em 03/04/16, 10:34 am

Deixei o código, aparentemente agora funcionou, obrigada Feliz
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

http://castelobruxo.tk https://www.facebook.com/https://www.facebook.com/dannielagoes

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum