脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript每天定时更换皮肤样式

JavaScript每天定时更换皮肤样式的方法

 更新时间：2015年07月01日 12:30:43   作者：不吃皮蛋  
这篇文章主要介绍了JavaScript每天定时更换皮肤样式的方法,涉及javascript针对时间及css样式的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JavaScript每天定时更换皮肤样式的方法。分享给大家供大家参考。具体分析如下：

这段js代码通过每天在不同时段自动更换网页调用的样式表，实现更换皮肤的功能。

<script type="text/JavaScript">
<!--
function getStylesheet() {
   var currentTime = new Date().getHours();
   if (0 <= currentTime&&currentTime < 5) {
    document.write("<link rel='stylesheet' href='night.css' type='text/css'>");
   }
   if (5 <= currentTime&&currentTime < 11) {
    document.write("<link rel='stylesheet' href='morning.css' type='text/css'>");
   }
   if (11 <= currentTime&&currentTime < 16) {
    document.write("<link rel='stylesheet' href='day.css' type='text/css'>");
   }
   if (16 <= currentTime&&currentTime < 22) {
    document.write("<link rel='stylesheet' href='evening.css' type='text/css'>");
   }
   if (22 <= currentTime&&currentTime <= 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>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 微信小程序实现课程选择器

    微信小程序实现课程选择器

    这篇文章主要为大家详细介绍了微信小程序实现课程选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • webpack 单独打包指定JS文件的方法

    webpack 单独打包指定JS文件的方法

    下面小编就为大家分享一篇webpack 单独打包指定JS文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • 还不懂递归？读完这篇文章保证你会懂

    还不懂递归？读完这篇文章保证你会懂

    你还不懂递归？读完这篇文章保证你会懂，下面这篇文章主要给大家介绍了关于递归的相关内容，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • JS中原始值和引用值的储存方式示例详解

    JS中原始值和引用值的储存方式示例详解

    原始值指的是代表原始数据类型的值，也叫基本数据类型，引用值指的是复合数据类型的值。接下来通过示例代码给大家介绍JS中原始值和引用值的储存方式，感兴趣的朋友一起看看吧
    2018-03-03
  • Javascript setInterval的两种调用方法(实例讲解)

    Javascript setInterval的两种调用方法(实例讲解)

    这篇文章主要是对Javascript setInterval的两种调用方法解析了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • requestAnimationFrame用法优化源码解析

    requestAnimationFrame用法优化源码解析

    这篇文章主要介绍了requestAnimationFrame用法优化源码解读,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • js实现的万能flv网页播放器代码

    js实现的万能flv网页播放器代码

    这篇文章主要介绍了js实现的万能flv网页播放器代码,以简单示例形式分析了JavaScript使用swfobject.js实现在线播放flv视频的相关技巧,需要的朋友可以参考下
    2016-04-04
  • JavaScript实现的购物车效果可以运用在好多地方

    JavaScript实现的购物车效果可以运用在好多地方

    JavaScript实现的购物车效果，当然这个效果可以运用在好多地方，比如好友的选择，人力资源模块等等，需要的朋友可以参考下
    2014-05-05
  • 微信小程序绘制图片发送朋友圈

    微信小程序绘制图片发送朋友圈

    这篇文章主要为大家详细介绍了微信小程序绘制图片发送朋友圈，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-07-07
  • IE8对JS通过属性和数组遍历解析不一样的地方探讨

    IE8对JS通过属性和数组遍历解析不一样的地方探讨

    如果是非IE8浏览器例如（IE7、IE9、Chrome、FF，仅测试这几种）通过属性和数组遍历，其结果是一样的，但对于IE8，结果会有一点小小的差异，在IE8下会把原型链扩展方法当做一个属性输出，大家可以测试一下
    2013-05-05

最新评论