分时段显示不同的提示的网页JS特效代码

 1 脚本说明:
 2 把如下代码加入body区域中
 3 <SCRIPT>
 4 today=new Date();
 5 var day; var date; var hello; var wel;
 6 hour=new Date().getHours()
 7 if(hour < 6)hello=‘凌晨好‘
 8 else if(hour < 9)hello=‘早上好‘
 9 else if(hour < 12)hello=‘上午好‘
10 else if(hour < 14)hello=‘中午好‘
11 else if(hour < 17)hello=‘下午好‘
12 else if(hour < 19)hello=‘傍晚好‘
13 else if(hour < 22)hello=‘晚上好‘
14 else {hello=‘夜里好!‘}
15 if(today.getDay()==0)day=‘星期日‘
16 else if(today.getDay()==1)day=‘星期一‘
17 else if(today.getDay()==2)day=‘星期二‘
18 else if(today.getDay()==3)day=‘星期三‘
19 else if(today.getDay()==4)day=‘星期四‘
20 else if(today.getDay()==5)day=‘星期五‘
21 else if(today.getDay()==6)day=‘星期六‘
22 date=(today.getYear())+‘年‘+(today.getMonth() + 1 )+‘月‘+today.getDate()+‘日‘;
23 if(hour<1)wel=‘子时‘;
24 else if(hour<3)wel=‘丑时‘;
25 else if(hour<5)wel=‘寅时‘;
26 else if(hour<7)wel=‘卯时‘;
27 else if(hour<9)wel=‘辰时‘;
28 else if(hour<11)wel=‘巳时‘;
29 else if(hour<13)wel=‘午时‘;
30 else if(hour<15)wel=‘未时‘;
31 else if(hour<17)wel=‘申时‘;
32 else if(hour<19)wel=‘酉时‘;
33 else if(hour<21)wel=‘戌时‘;
34 else if(hour<23)wel=‘亥时‘;
35 else {wel=‘子时‘;}
36 document.write(hello);
37 </SCRIPT>! 现在是<SCRIPT>
38 document.write(date + ‘ ‘ + day + ‘ ‘ + wel);
39     </SCRIPT> 

原文地址:https://www.cnblogs.com/yangguoe/p/8463668.html

时间: 2024-10-29 04:34:24

分时段显示不同的提示的网页JS特效代码的相关文章

C#和网页js互调代码

C#和网页js互调代码 1.先写个网页放在主程序目录下:test.html <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>测试网页</title> <script> function MyFun

网页字体特效代码

为了让博友们的空间变得更加美观漂亮,幽香收集了些字体特效代码与朋友们分享! 一.图边字体代码 紫漫幽香欢迎您! 代码:<FONT style="COLOR: red; FILTER: glow(color=gray,strength=5); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><P align=center><B>紫漫幽香欢迎您!</B>&

鼠标点击特效:点击网站页面显示24字核心价值观上升的特效代码

将以下代码直接写入html中即可(也可以去掉首尾,添加进js文件中,然后在html中包含这个文件) <script type="text/javascript"> /* 鼠标点击特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", &q

js实例_当鼠标移动到某个元素上时在元素下面显示一段提示文字

效果: 当鼠标不在自动登录上时,只显示自动登录这个表单,下面的div提示则隐藏. 当鼠标移动到自动登录这个表单时,则显示下面的div提示,当鼠标移出时再将其隐藏 代码实现与原理: HTML代码: <body> <input type="checkbox" />自动登录 <div id="div1">不要再玩游戏啦!!!</div> </body> CSS代码:给id为div1的元素做一下修饰,并且将其最开始

分屏显示

我们在做排队叫号(不限于排队,其他需要多个屏幕显示的应用都可以)的时候,总是需要将呼叫内容显示到显示器.电视机或者LED显示屏上面.之前一章,我已经讲过如何用C#控制LED显示器了,这一篇,我讲一下分屏显示. 我最近做了几个排队叫号系统,用到LED.电视机显示屏和电脑显示屏.LED控制比较复杂,需要考虑LED控制卡接口,多数还要写带格式的txt文件.显示器或者电视机就比较容易实现,只需要设置一下电脑和一些简单的代码就可以实现的. 接下来,我就分享一下步骤: (1)电脑设置 XP:屏幕空白地方右键

vsp左右分屏显示操作

vsp在实际使用中经常会用到,这对我们写和分析代码有很大的帮助. 1,用vi打开一个文件的示意图: vsp命令的输入显示: 3,最后是分屏显示的效果:

c# 远程监控(4) 接收端 RTP包重组 分屏显示

我们在上一期使用RTP协议,并进行了配置,打包了视频数据,这一期我们就对发送的数据进行重组,并显示在接受端上.最后对其进行扩展,支持多客户端视频发送,并在接收端分屏显示.完成远程监控的模拟. 先来个效果图吧 private bool NewRTPPacket(RTPPacket packet) { if (!Clients.ContainsKey(packet.SSRC))//如果接受端第一次接受到某源的数据,则加入到 { if (Clients.Count < 4)//如果发送端为4,则丢弃包

转: Eclipse 分屏显示同一个文件

Eclipse 分屏显示同一个文件 场景 : 某个类很大,可能有数千行.当你想要将类开头部分与中间或者靠后的部分进行对比时,请follow如下步骤: Window -> Editor -> Toggle Split Editor (Ctrl + _) 或者 Toggle Split Editor (Ctrl + {) 另一种方法 : 直接按快捷键 Ctrl + Shift + [  或者 Ctrl + Shift + - Notice : 上下分屏 : Ctrl + Shift + - 左右分

设置电脑分屏显示的4种情况

在笔记本上编程时,由于屏幕太小只有14寸,不方便编写和查看源代码,所以买了一个19寸的液晶显示器,这时就需要用到鼠标右键里[屏幕分辨率]来进行分屏显示.如图(1)所示: 图(1) 右击桌面的空白处–> [屏幕分辨率] 硬件设备:14寸笔记本 + VGa线一根 + 19寸液晶显示器 软件:Win7 步骤如下: 1)用VGa线将笔记本和19寸液晶显示器连接起来,一般VGa线两端都是有15针的绿色插头,对应笔记本和19寸显示器上的15针绿色插槽. 2)按笔记本上的power键(也叫电源键),启动Win