Criar Widget com tempo !!

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Membros afetados : Todos os membros do fórum
Problema começou : Agora
Endereço do fórum : http://passarinhos.forumeiros.com/forum.htm

Descrição do problema

Teria como eu ter um Widget que fosse programado com tempo pu seja o mesmo fica ativo aparecendo no Fórum durante 3 minutos e 40 minutos não apareça no Fórum ...

Boa tarde!

Desculpe, mas não é possível executar o solicitado. O recurso não existe em Forumeiros, mas, você pode sugerir em "Sugestões e Melhoras".

Atenciosamente,
Shek

Entendi , mais não teria um código que executasse a função !

Boa noite!

Somente por PHP: http://www.phpbrasil.com/articles/article.php/id/437

Eu desconheço qualquer script que tenha a capacidade de executar na ausência do Administrador a criação dum widget dentro do painel de controle.

Até mais!

@Shek:

Somente por PHP: http://www.phpbrasil.com/articles/article.php/id/437

Experimente conhecer o javascript.

---

@Edu:
Vamos lá, e possível sim amigo. o/
Apenas me diga uma coisa: Você quer exatamente que as 22:00 apareça um widget, e as 22:13 ele desapareça? (suposição)
Pois fazemos isso facilmente com variáveis de tempo js.

Duel escreveu:@Shek:

Somente por PHP: http://www.phpbrasil.com/articles/article.php/id/437

Experimente conhecer o javascript.

---

@Edu:
Vamos lá, e possível sim amigo. o/
Apenas me diga uma coisa: Você quer exatamente que as 22:00 apareça um widget, e as 22:13 ele desapareça? (suposição)
Pois fazemos isso facilmente com variáveis de tempo js.

É isso mesmo que gostaria ...

@Edu, para que funcione corretamente preste atenção:
Você precisará criar o widget que deseja aparecer, depois, o script que eu lhe disponibilizarei fará o resto. Apenas terá de modificar o tempo, ele e calculado em milissegundos. Por exemplo, 10 minutos em milissegundos seria: 10000; 1 Minuto = 1000 etc..
Em fim, basta modificar de tempo em tempo para ele aparecer, com o código abaixo ele reaparecerá depois da quantidade de tempo determinado. (Hide / Show)

Código:

$(function(){var lothus = function () {
    setInterval(lothus,100000);
jQuery('.module:first-of-type').toggle();
}
lothus();;
});

Ele terá de ser o primeiro, ou se preferir crie e deixe o script ativo que eu modifico corretamente.
Está configurado para aparecer/desaparecer de 10 em 10m.

Se quiser que ele somente suma em 10m:

Código:

$(function(){var lothus = function () {
    setInterval(lothus,100000);
jQuery('.module:first-of-type').remove();
}
lothus();;
});

Resulta? o\

Olá,

@EDU2010 eu não entendi a sua questão, poderia me explicar melhor?
Seria algo como, 03/01/2015 às 10:00 horas o Widget aparece e 04/01/2015 às 10:00 horas ele some?


Até!

Duel escreveu:@Edu, para que funcione corretamente preste atenção:
Você precisará criar o widget que deseja aparecer, depois, o script que eu lhe disponibilizarei fará o resto. Apenas terá de modificar o tempo, ele e calculado em milissegundos. Por exemplo, 10 minutos em milissegundos seria: 10000;  1 Minuto = 1000 etc..
Em fim, basta modificar de tempo em tempo para ele aparecer, com  o código abaixo ele reaparecerá depois da quantidade de tempo determinado. (Hide / Show)

Código:

$(function(){var lothus = function () {
    setInterval(lothus,100000);
jQuery('.module:first-of-type').toggle();
}
lothus();;
});

Ele terá de ser o primeiro, ou se preferir crie e deixe o script ativo que eu modifico corretamente.
Está configurado para aparecer/desaparecer de 10 em 10m.

Se quiser que ele somente suma em 10m:

Código:

$(function(){var lothus = function () {
    setInterval(lothus,100000);
jQuery('.module:first-of-type').remove();
}
lothus();;
});

Resulta? o\

Onde coloco o codigo e se eu quiser o seguinte durante 4 minutos ele apareça e 25 minutos fique sem aparecer como seria ,

First escreveu:Olá,

@EDU2010 eu não entendi a sua questão, poderia me explicar melhor?
Seria algo como, 03/01/2015 às 10:00 horas o Widget aparece e 04/01/2015 às 10:00 horas ele some?


Até!

Quase isso , seria o Widget aparece durante 4 minutos ( exemplo ) e não apareça durante 30 minutos ( exemplo )


Até mais

UP

Podemos fazê-lo se o membro permanecer na página, caso ele dê refresh, o código reiniciará o tempo.
Veja:

Código:

$(function() {refresh();});
function refresh() {
    var title = 'TÍTULO DO WIDGET';
    var timeShow = 180000;//Tempo em milissegundos em que o widget ficará visível
    var timeHide = 2400000;//Tempo em milissegundos em que o widget ficará oculto
    $('.module:contains("' + title + '")').hide();
    setTimeout(function() {
      $('.module:contains("' + title + '")').show();
      var sTimer = setTimeout(function() {
                   clearTimeout(sTimer);
                   refresh();
      }, timeShow);
    }, timeHide);
}

Basta que você crie um novo JavaScript e insira o código acima. Lembre-se de alterar em "TÍTULO DO WIDGET".
O código acima está adaptado para que o widget fique visível durante 3 minutos, e oculto durante 40 minutos.

Teste o código abaixo, que está adaptado para aparecer durante 3 segundos, e ficar oculto durante 5 segundos, apenas para teste rápido.

Código:

$(function() {refresh();});
function refresh() {
    var title = 'Meriteiro';
    var timeShow = 3000;//Tempo em milissegundos em que o widget ficará visível
    var timeHide = 5000;//Tempo em milissegundos em que o widget ficará oculto
    $('.module:contains("' + title + '")').hide();
    setTimeout(function() {
      $('.module:contains("' + title + '")').show();
      var sTimer = setTimeout(function() {
                   clearTimeout(sTimer);
                   refresh();
      }, timeShow);
    }, timeHide);
}

Teste aqui mesmo no FDF, clicando com o botão direito do mouse em qualquer lugar da tela, e depois indo em Inspecionar elemento Console
Cole o código acima, e dê enter. Depois de feito, veja o widget Meriteiro.


Até mais!

Não é este o objetivo testei e realmente funciona como criou , porém o que eu queria é que o mesmo fique desativado no perido que eu estimular ou seja em horas ou mesmo minutos mais não volte ao resetar a pagina !

UP

EDU2010 escreveu:Não é este o objetivo  testei e realmente funciona como criou , porém o que eu queria é que o mesmo fique desativado no perido que eu estimular ou seja em horas  ou mesmo minutos mais não volte ao resetar a pagina !

Bom, desta maneira que você deseja, realmente não podemos fazê-lo. Precisaríamos de outros recursos para efetuar uma ação como esta.


Até mais!

@Daemon não fale uma coisa dessa absurda, claro que tem como fazer...

@EDU2010 peço ao senhor que leia o código eu deixei comentários no código para você entender melhor, caso não de certo tente colocar uma class na div com .addClass() e troca o # por .
O Suporte Forumeiros irá lhe ajudar ou até mesmo eu!

Código:

//Modo de uso
 jQuery(document).ready(function(){
  countTime({
   
   id:"#ID_DA_DIV",
   dia:20, //DIA
   hora:20 //HORA
   
  });
});
 
//função de controle
function countTime(o){
   //Objeto Data
   var data = new Date();
   
   //Chamando novamente a função a cada 1 segundo
   var count = setTimeout(function(){
      countTime(o);
   }, 1000);
   
   //Caso o dia seja o informado, no caso 20 e se as horas for maior ou igual a informada
   if(data.getDate() == o.dia && data.getHours() >= o.hora)
      $(o.id).show();
   
   //Caso contrario, se não for o dia 20 ou se não for igual o maior que 20 horas a div fica oculta
   else $(o.id).hide();
}

Atenciosamente.

First escreveu:@Daemon não fale uma coisa dessa absurda, claro que tem como fazer...

@EDU2010 peço ao senhor que leia o código eu deixei comentários no código para você entender melhor, caso não de certo tente colocar uma class na div com .addClass() e troca o # por .
O Suporte Forumeiros irá lhe ajudar ou até mesmo eu!

Código:

//Modo de uso
 jQuery(document).ready(function(){
   countTime({
   
   id:"#ID_DA_DIV",
   dia:20, //DIA
   hora:20 //HORA
   
   });
});
 
//função de controle
function countTime(o){
   //Objeto Data
   var data = new Date();
   
   //Chamando novamente a função a cada 1 segundo
   var count = setTimeout(function(){
      countTime(o);
   }, 1000);
   
   //Caso o dia seja o informado, no caso 20 e se as horas for maior ou igual a informada
   if(data.getDate() == o.dia && data.getHours() >= o.hora)
      $(o.id).show();
   
   //Caso contrario, se não for o dia 20 ou se não for igual o maior que 20 horas a div fica oculta
   else $(o.id).hide();
}

Atenciosamente.

Não é isto que ele deseja @First.
Leia o primeiro post dele, e irá entender.


Até mais!

First escreveu:@Daemon não fale uma coisa dessa absurda, claro que tem como fazer...

@EDU2010 peço ao senhor que leia o código eu deixei comentários no código para você entender melhor, caso não de certo tente colocar uma class na div com .addClass() e troca o # por .
O Suporte Forumeiros irá lhe ajudar ou até mesmo eu!

Código:

//Modo de uso
 jQuery(document).ready(function(){
   countTime({
   
   id:"#ID_DA_DIV",
   dia:20, //DIA
   hora:20 //HORA
   
   });
});
 
//função de controle
function countTime(o){
   //Objeto Data
   var data = new Date();
   
   //Chamando novamente a função a cada 1 segundo
   var count = setTimeout(function(){
      countTime(o);
   }, 1000);
   
   //Caso o dia seja o informado, no caso 20 e se as horas for maior ou igual a informada
   if(data.getDate() == o.dia && data.getHours() >= o.hora)
      $(o.id).show();
   
   //Caso contrario, se não for o dia 20 ou se não for igual o maior que 20 horas a div fica oculta
   else $(o.id).hide();
}

Atenciosamente.

Olá não entendi como usa-lo , poderia criar um com o tempo de exemplo para teste e depois tento alterar da forma que eu desejo ...

up

Olá;

Então autor, estou tentando lhe compreender primeiro para depois fazer o código, ok ? Li as respostas dos usuários que tentarão lhe ajudar mas cada um diz uma coisa. Seria assim: Medimos o tempo de uma hora, as 22:04 o widget desaparece e aparece as 22:40 depois desaparece as 23:04 ? Um intervalo para aparecer e reaparecer? Se não for em horas, infelizmente não sei faze-lo.

EuficoLoko escreveu:Olá;

Então autor,  estou tentando lhe compreender primeiro para depois fazer o código, ok ? Li as respostas dos usuários que tentarão lhe ajudar mas cada um diz uma coisa. Seria assim: Medimos o tempo de uma hora, as 22:04 o widget desaparece e aparece as 22:40 depois desaparece as 23:04 ? Um intervalo para aparecer e reaparecer? Se não for em horas, infelizmente não sei faze-lo.

Sim é isto mesmo

up

up

UP

UP

Tem sim amigo, é necessário um pouco de trabalho em códigos mais é possível, me envie MP para mais detalhes.

D'Leandro™ escreveu:Tem sim amigo, é necessário um pouco de trabalho em códigos mais é possível, me envie MP para mais detalhes.

Qual necessidade de enviar uma MP pra você , é so responder aqui mesmo ! Até mais

up

up

up

Hey!

Creio que consegui,  depois de pesquisar um pouco. - Javascript - em todas as páginas:

Código:

window.onload = function(){function loko(){$('.module:eq(1)').fadeToggle();clearTimeout(loko2, 40000)}; setInterval(loko, 40000); function loko2(){$('.module:eq(1)').fadeToggle();}; setTimeout(loko, 4000)};

Esse código faz o seguinte:

Código:

function loko(){$('.module:eq(1)').fadeToggle();}

Função de ocultar em 40  minutos.

Código:

setInterval(loko, 40000)

SetInterval de 40 em 40 minutos executar o código.

Código:

function loko2(){$('.module:eq(1)').fadeToggle();}

Executar o script de 4 em 4 minutos.

Código:

clearTimeout(loko2, 40000)

De 40 em 40 minutos, o código da função loko2(executar 4 em 4 minutos), este será executado novamente. Quando se completar 40 minutos, ele se executa.
Este código está configurado para fazer com o seu primeiro widget!

Abraços!

Como coloco o codigo !!!

Olá!

Me desculpe, e que pensei que soubesse, depois de tantas respostas.
Adicione ele em um javascript, em todas as páginas.
Bom, esse código abaixo:

Código:

window.onload = function(){function loko(){$('.module:eq(1)').fadeToggle();clearTimeout(loko2, 40000)}; setInterval(loko, 400000); function loko2(){$('.module:eq(1)').fadeToggle();}; setTimeout(loko, 40000)};

Faz com que o widget apareça por 4 minutos, depois desapareça.
E esse, faz com que o widget apareça/desaparece em 40m / 40m:

Código:

/* Feito por: Loko;
Ajuda.forumeiros.com */
window.onload = function() {
    function loko() {
        $('.module:eq(1)').fadeToggle();
    };
    setInterval(loko, 400000);
};


Ele terá efeito, em seu primeiro widget!

Tenha uma boa noite!

Eu crio um Java pra cada um destes codigos , ou seja dois Javas

Não meu caro, leia o que eu disse, por favor?
Eu citei o que cada um faz, poderia ler?
Não e simplesmente dar CTRL + C em um código, ler também e fundamental.
No mais, recomendo esse segundo código:

Código:

/* Feito por: Loko;
Ajuda.forumeiros.com */
window.onload = function() {
    function loko() {
        $('.module:eq(1)').fadeToggle();
    };
    setInterval(loko, 400000);
};

Ele resulta mais quando atualiza a pagina ja reaparece , o objetivo é sumir e não aparecer ao atualizar a pagina apenas aparecer novamente após o tempo determinado ... até mais o

Hey!

Troque por esse:

Código:

$(document).ready(function(){ //será executado quando o documento DOM for carregado 
/* Getar a hora */
    var horario = new Date();   
    var hora = horario.getMinutes();             
  /* Verificar a hora */
    if ((hora >= 21) && (hora < 39))
/* Ação após verificar */
        $('.module:eq(1)').fadeToggle();
    }   
if ((hora >= 40) && (hora < 60))  {   
/* Ação após verificar */
        $('.module:eq(1)').fadeToggle();
    }       
});

Atenciosamente,
EuficoLoko.

Qual o resultado em tempo do codigo

Boa noite!

Já lhe disse, está configurado como deseja.
40 Minutos variando entre 40 minutos. De 40 em 40 ele será ativado / desativado.

Não resultou !!

Boa noite,

Tem certeza? Aqui está funcionando perfeitamente, em sua versão.
Pergunte a seus membros, ou altere o tempo para verificar, ok?


Atenciosamente.

Por favor altere o tempo para 2 minutos para teste, que irei testar novamente .. obrigado

Boa tarde!

Dei uma otimizada no código, deixei mais legível.
Para testes:

Código:

$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 18)){
$('.module:eq(1)').hide()
};
if ((hora >= 40)){
$('.module:eq(1)').show()
};
});

Procure por '40 e 18', bem, quando for exatamente 18 minutos em qualquer hora
Quando o relógio bater 18 minutos, ele será ocultado. Aos 40 será deixado visível.

Esta funcinando , qual o tempo que deve sumir e que deve aparecer , com quanto tempo esta configurado !

Boa tarde,

Por favor Edu, não teste apenas o código em si, leia a postagem completa.
"Procure por '40 e 18', bem, quando for exatamente 18 minutos em qualquer hora
Quando o relógio bater 18 minutos, ele será ocultado. Aos 40 será deixado visível."


Atenciosamente.

Esta ao contrario amigo pois aos 40 esta ocultando e as 18 esta reaparecendo , como configura os Widgets que quero usa-lo !

Há sim, perdoe-me.
Veja se e assim:

Código:

$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 18)){
$('.module:eq(1)').show()
};
if ((hora >= 40)){
$('.module:eq(1)').hide()
};
});

Alterei as funções, agora estão opostas.

Beleza e como altero os Widgets com o efeito

Já lhe expliquei isso lá atrás..
Mas vejamos:

Código:

$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 18)){
$('.module:eq(1)').show()
};
if ((hora >= 40)){
$('.module:eq(1)').hide()
};
});

Procure por .module:eq(1) troque o 1 pelo número do widget. Para adicionar mais widgets adicione uma , separando ficando assim com dois por exemplo:

Código:

$(function(){
var horario = new Date();
var hora = horario.getMinutes();
if ((hora >= 18)){
$('.module:eq(1), .module:eq(2)').show()
};
if ((hora >= 40)){
$('.module:eq(1), .module:eq(2)').hide()
};
});

Compreendeu?

Demorou mais no fim funcionou @EDU. o/
Mais algo que deseja saber?

Olá @EDU2010,

Vejo que está online frequentemente, e não diz se o tópico esta resolvido. Poderia me confirmar por gentileza?

Atenciosamente,
EuficoLoko.