recherche

Maison  >  Article  >  interface Web  >  Code de changement automatique de couleur d'arrière-plan implémenté dans les compétences JavaScript_javascript

Code de changement automatique de couleur d'arrière-plan implémenté dans les compétences JavaScript_javascript

WBOY
WBOYoriginal
2016-05-16 15:36:162041parcourir

L'exemple de cet article décrit le code de changement automatique de couleur d'arrière-plan implémenté en JavaScript. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Voici une démonstration de JavaScript pour changer automatiquement la couleur de l'arrière-plan de la page Web. Vous pouvez modifier la couleur vous-même et définir l'heure et la valeur de couleur. La couleur de l'arrière-plan de la page Web sera automatiquement modifiée en fonction de la valeur de couleur que vous avez définie. dans un certain laps de temps.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/

Le code spécifique est le suivant : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景自动变色</title>
</head>
<body>
背景自动变色
<script language="javascript">
var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF");
var n=0;
function turncolors(){
  n++;
  if (n==(Arraycolor.length-1)) n=0;
  document.bgColor = Arraycolor[n];
  setTimeout("turncolors()",1000);
}
turncolors();
</script>
</body>
</html>

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Code d'effet de menu coulissant vertical gauche implémenté par les compétences JS_javascriptArticle suivant：Code d'effet de menu coulissant vertical gauche implémenté par les compétences JS_javascript

Articles Liés

Voir plus