当前位置:首页 > JavaScript

js实现问候

2026-02-01 11:28:35JavaScript

使用时间判断实现问候

根据当前时间返回不同的问候语(如“早上好”“下午好”等)。

function getGreeting() {
  const hour = new Date().getHours();
  if (hour < 12) return "早上好!";
  if (hour < 18) return "下午好!";
  return "晚上好!";
}
console.log(getGreeting()); // 输出当前时段问候

根据用户名动态问候

结合用户输入或存储的用户名生成个性化问候。

js实现问候

function greetUser(name) {
  return `你好,${name}!今天过得怎么样?`;
}
console.log(greetUser("张三")); // 输出: "你好,张三!今天过得怎么样?"

国际化多语言问候

支持多种语言的问候语切换。

js实现问候

const greetings = {
  en: "Hello!",
  zh: "你好!",
  ja: "こんにちは!"
};
function greet(language) {
  return greetings[language] || greetings.en;
}
console.log(greet("zh")); // 输出: "你好!"

随机问候语

从预设列表中随机返回一条问候语。

function randomGreeting() {
  const messages = ["今天天气不错!", "欢迎回来!", "很高兴见到你!"];
  return messages[Math.floor(Math.random() * messages.length)];
}
console.log(randomGreeting());

结合日期特殊问候

在节日或特定日期返回特殊问候。

function specialGreeting() {
  const today = new Date();
  const month = today.getMonth() + 1;
  const day = today.getDate();

  if (month === 1 && day === 1) return "元旦快乐!";
  if (month === 10 && day === 1) return "国庆节快乐!";
  return "祝你今天愉快!";
}
console.log(specialGreeting());

标签: js
分享给朋友:

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Java…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js实现复制功能

js实现复制功能

使用 document.execCommand 方法 这种方法适用于较旧的浏览器,但在现代浏览器中可能被逐步淘汰。通过创建一个临时的 textarea 元素,将文本内容放入其中,然后执行复制命令。…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…