Javascript girando esperar ampulheta tipo de coisa
https://stackoverflow.com/questions/41162
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Gostaria de indicar para o usuário de um aplicativo da web que uma longa tarefa está sendo executada.Era uma vez, este conceito teria sido comunicado ao usuário, exibindo uma ampulheta.Hoje em dia, parece ser uma animação círculo giratório.(por exemplo, quando você está carregando uma nova aba no Firefox, ou arrancar no Mac OS X.Coincidentemente, os transbordando de pilha no stackoverflow logotipo parece um quarto de círculo).
Existe uma maneira simples para criar esse efeito usando Javascript (em particular, JQuery)?Idealmente, eu gostaria de ter um destes pequenos spinners como elementos em uma tabela, para indicar ao usuário que o sistema ainda está ativo no processamento de uma tarefa pendente (isto é, ele não esqueceu ou caiu).(É claro, eu percebo é possível que o back-end caiu e o front-end ainda mostrar como uma animação de fiação coisa, é mais para o psicológico finalidade de o usuário ver atividade).
E o que você chama de fiação coisa, de qualquer maneira?
Solução
O Google Ajax indicador de actividade para encontrar muitas imagens e geradores de imagem (o "spinning" própria imagem é um GIF animado).
Aqui é um link para você começar.
Com a imagem em mãos, usar o JQuery para alternar a visibilidade da imagem (ou talvez seu pai tag DIV).Ver este link para mais algumas informações.
rp
Outras dicas
este site fará por você:
e no OS X é chamado de "Beachball" e eu gostaria de adicionar "Da Morte".
http://preloaders.net/en/letters_numbers_words é bom e tem muitas categorias para baixo o menu do lado esquerdo, que oferecem mais do que http://ajaxload.info não, mais opções de tamanho e o fundo...ajaxload está olhando muito ultrapassada nos dias de hoje.
Eu suponho que você significou algo para indicar a atividade de fundo durante uma chamada Ajax.
Eu tendem a ter uma classe CSS que define a imagem de fundo para um pouco de GIF animado, com o adequado preenchimento e posicionamento (lembre-se de virar background-repeat off) e, em seguida, adicionar e remover essa classe usando um par de JavaScript ajudantes chamada quando a chamada Ajax é iniciado, e quando a resposta de retorno de chamada é executado.
