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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
221 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 218 Visitantes :: 2 Motores de busca

Fou-Lu, ranzatti, tabarra

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 20 Mar 2016 - 4:12

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 Seg 4 Abr 2016 - 22:05, editado 1 vez(es)

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por Shek Crowley em Dom 20 Mar 2016 - 14:30

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.



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15622
Pontos Ativos : 23049

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 Dom 20 Mar 2016 - 18:00

É 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.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Qua 23 Mar 2016 - 18:17

Aguardando.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em Qui 24 Mar 2016 - 20:04

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>


MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2476

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Qui 24 Mar 2016 - 20:09

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.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em Qui 24 Mar 2016 - 23:44

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é.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2476

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Sex 25 Mar 2016 - 1:24

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por MateusAnjosV em Sex 25 Mar 2016 - 12:01

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2476

http://ajuda.forumeiros.com/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Sex 25 Mar 2016 - 18:14

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.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Seg 28 Mar 2016 - 5:02

Ainda aguardando ajuda

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Sab 2 Abr 2016 - 6:52

Up

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por Cepheus em Sab 2 Abr 2016 - 19:12

É 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>

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2139

http://www.bestskins.net/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Dom 3 Abr 2016 - 1:56

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.

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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

Resolvido Re: Ajustar horário de código

Mensagem por Cepheus em Dom 3 Abr 2016 - 2:49

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.

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 2139

http://www.bestskins.net/

Resolvido Re: Ajustar horário de código

Mensagem por .Danni. em Dom 3 Abr 2016 - 14:34

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5193

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