Home >Web Front-end >JS Tutorial >JavaScript method to change skin style regularly every day_javascript skills
The example in this article describes how to use JavaScript to change skin styles regularly every day. Share it with everyone for your reference. The specific analysis is as follows:
This js code realizes the function of changing the skin by automatically changing the style sheet called by the web page at different times every day.
<script type="text/JavaScript"> <!-- function getStylesheet() { var currentTime = new Date().getHours(); if (0 <= currentTime&¤tTime < 5) { document.write("<link rel='stylesheet' href='night.css' type='text/css'>"); } if (5 <= currentTime&¤tTime < 11) { document.write("<link rel='stylesheet' href='morning.css' type='text/css'>"); } if (11 <= currentTime&¤tTime < 16) { document.write("<link rel='stylesheet' href='day.css' type='text/css'>"); } if (16 <= currentTime&¤tTime < 22) { document.write("<link rel='stylesheet' href='evening.css' type='text/css'>"); } if (22 <= currentTime&¤tTime <= 24) { document.write("<link rel='stylesheet' href='night.css' type='text/css'>"); } } getStylesheet(); --> </script> <noscript> <link href="main.css" rel="stylesheet" type="text/css"> </noscript>
I hope this article will be helpful to everyone’s JavaScript programming design.