页面加载出现问候语

Html

Css


    hi !

// 在页面加载是就掉用这个函数
window.onload = function() {
 // 定义一个变量，获取当前时间
 var h = (new Date()).getHours();
 // var h = 12; //可以随便输入数字测试效果。
 // 如果h大于8小于12，则输出上午好，否则往下执行。
 if (h >= 8 && h < 12)
 // 在定义一个变量用来定义 问候语 有两种写法
 // var s = '上午好';
 // document.getElementById("Hello").innerHTML = s;
 // 可以这么写
 document.getElementById("Hello").innerHTML = '上午好';
 if (h >= 12 && h < 14)
 var s = '中午好';
 // 获取到这个id, 同时将html代码 插进去。
 document.getElementById("Hello").innerHTML = s;
 if (h >= 14 && h < 18)
 var s = '下午好';
 document.getElementById("Hello").innerHTML = s;
 if (h >= 18 && h <= 24)
 var s = '晚上好';
 document.getElementById("Hello").innerHTML = s;
 if (h >= 0 && h <= 5)
 var s = '凌晨好';
 document.getElementById("Hello").innerHTML = s;
 if (h >= 5 && h < 8)
 var s = '早上好';
 document.getElementById("Hello").innerHTML = s;
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

页面加载出现问候语



代码描述：根据获取的不同的24小时的时间获取问候语

只需要把id改成你想改的就可以直接使用，同时页面加载就可直接出现

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

沦陷

相关代码

页面加载出现问候语

最新